electron隐藏的窗口加载完内容在显示会闪动

Question

在应用启动时, 会创建两个 window, 一个是主界面, 另外一个是显示信息的页面

显示信息的页面默认是 hide, 所以当我有需要的时候把数据传给它, 它在show

目前遇到的问题是, 在devtool中 已经看到 HTML 解构变成了新数据, 但是在窗口 show 的时候依然能看到一瞬间上一次的数据.

我这边延迟5s 显示这个窗口, 依然还是有闪动, 但是看HTML 其实内容都是最新的了

不知道这个问题有没有解

Answer 1

可以先传递数据在界面渲染完成之后，再show出来

Answer 2

const win = createWindow({
    show: false, // 是否显示
    title: 'title',
  });
  const { webContents } = win;
  webContents.on('did-finish-load', () => {
    win.show();
  });

加载完成会有did-finish-load回调监听这个成功以后在show