Chapter 12無料公開

アプリ始動中にウィンドウが真っ白になってしまうのを防ぐ (BrowserWindow)

Kei Touge
Kei Touge
2021.09.18に更新
このチャプターの目次

https://www.electronjs.org/docs/api/browser-window#showing-window-gracefully

BrowserWindow Options

main.js
const { app, BrowserWindow, nativeTheme } = require('electron');

const createWindow = () => {
  const mainWindow = new BrowserWindow({
    // 起動プロセスが完了するまでウィンドウを表示しない
    show: false,
    // ウィンドウの背景色をあらかじめレンダラープロセスと合わせておく
    backgroundColor: nativeTheme.shouldUseDarkColors ? '#1e1e23' : '#ffffff',
  });

  mainWindow.loadFile('index.html');
  // レンダリングの準備が完了するのを待ってからウィンドウを表示する
  mainWindow.once('ready-to-show', () => mainWindow.show());
};