Electron应用设置flashFrame: false无效，最小化时窗口边框闪烁

我明白你现在的困扰——每次最小化应用时窗口边框都会闪烁，甚至有时候还会自动重新打开。你已经尝试了flashFrame: false但没效果，下面我给你几个针对性的解决方案：

1. 自定义最小化事件逻辑，避免系统默认动画冲突 #

边框闪烁通常是系统默认最小化动画和窗口状态切换的冲突导致的，我们可以监听minimize事件，手动控制窗口的隐藏和最小化顺序：

function createWindow() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    show: false,
    titleBarStyle: 'hidden',
    flashFrame: false
  });

  // 拦截默认最小化行为，自定义顺序避免闪烁
  mainWindow.on('minimize', (event) => {
    event.preventDefault(); // 阻止系统默认动画
    mainWindow.hide(); // 先隐藏窗口
    setTimeout(() => {
      mainWindow.minimize(); // 延迟执行最小化操作
    }, 100);
  });

  // 其他原有代码...
}

2. 优化窗口显示时机，用ready-to-show替代固定定时器 #

你原来用3秒固定定时器销毁闪屏并显示主窗口，这种方式容易因为窗口加载速度差异导致状态切换闪烁。换成ready-to-show事件会更稳妥，它会在窗口内容完全加载就绪后再触发显示：

function createWindow() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    show: false,
    titleBarStyle: 'hidden',
    flashFrame: false
  });

  splash = new BrowserWindow({ width: 800, frame: false, height: 600 });
  splash.loadURL(`file://${__dirname}/splash.html`);

  mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
  }));

  // 主窗口加载完成后再显示并销毁闪屏
  mainWindow.on('ready-to-show', () => {
    splash.destroy();
    mainWindow.show();
    mainWindow.flashFrame(false); // 再次确保边框不闪烁
  });

  // 另外注意你代码里的`dentroyWindows`拼写错误，应该是`destroyWindows`，修正后更规范
  // 移除原有定时器代码
  // var myVar = setInterval(dentroyWindows, 3000)
  // function dentroyWindows() {
  //   splash.destroy()
  //   mainWindow.show()
  // }

  // 其他原有代码...
}

3. 顺带修复自动重新打开的问题 #

你提到的自动重新打开问题，大概率是macOS平台activate事件的处理逻辑导致的。当窗口最小化时，点击Dock图标会触发该事件，调整逻辑避免误创建窗口：

app.on('activate', function () {
  if (mainWindow) {
    // 如果窗口只是最小化或隐藏，直接恢复/显示，而非重新创建
    if (mainWindow.isMinimized()) mainWindow.restore();
    mainWindow.show();
  } else {
    createWindow();
  }
});

4. Windows平台额外优化（可选） #

如果你的应用主要在Windows上运行，可以尝试调整标题栏样式，避免边框渲染异常：

mainWindow = new BrowserWindow({
  width: 800,
  height: 600,
  show: false,
  titleBarStyle: 'hiddenInset', // 改用内嵌式隐藏标题栏
  flashFrame: false,
  skipTaskbar: false
});

把这些修改整合到你的main.js里，应该就能彻底解决边框闪烁的问题了。

内容的提问来源于stack exchange，提问作者Roberto Pinheiro