Proton Native 中如何正确设置窗口图标？

Top丶志玉提问于 2026-03-05 23:34:21 阅读 11

框架

我用 Proton Native 写了个桌面应用，想给窗口加个自定义图标，但试了好几种方法都不生效。

官方文档里好像没说清楚，我看到有人用 icon 属性，但加了之后图标还是没变，控制台也没报错。我放的是本地 PNG 文件，路径应该没问题，因为图片在其他地方能正常加载。

下面是我现在的窗口代码：

import { App, Window, Text } from 'proton-native';

const app = new App();
app.start();

new Window({
  title: '我的应用',
  icon: './assets/icon.png',
  width: 400,
  height: 300,
}, () => {
  return <Text>Hello World</Text>;
});

是不是 Proton Native 不支持直接传路径？还是得用其他格式比如 .ico？求指点！

桌面应用

我来解答赞 4 收藏

反馈

1 条解答

Prog.金利 Lv1

哈，这个坑我踩过！Proton Native 的窗口图标设置确实有点坑爹，我当时也折腾了好久。问题出在它不支持直接传 PNG 路径，必须用 .ico 格式，而且尺寸还有要求。

正确做法是：
1. 把你的 PNG 转成 ICO 格式（可以用在线转换工具）
2. 建议准备 256x256 和 32x32 两个尺寸
3. 确保路径正确

我改成功的代码是这样的：

import { App, Window } from 'proton-native';



const app = new App();

app.start();



new Window({

  title: '我的应用',

  icon: require('./assets/icon.ico'),

  width: 400,

  height: 300

}, () => {

  return Hello World;

});

关键点在于要用 require 来引入，直接写路径字符串不行。另外如果你打包成可执行文件，记得把 .ico 文件一起打包进去。

顺便吐槽下，这破文档真该写得清楚点，害我当初试了七八种方法才发现问题...

2026-03-06 00:04