Supprimer la barre de menu de l'application Electron

Question

Comment supprimer cette barre de menu de mes applications électroniques ?

Il dit aussi "Hello World" (est-ce parce que j'ai téléchargé electron pré-construit, et cela disparaîtra une fois que j'aurai empaqueté l'application ?) Je n'ai pas codé ces éléments dans le code html, donc je ne sais pas comment les faire disparaître !

Answer 1

@"electron": "^7.1.1" : 

mainWindow = new browserWindow({ height: 500, width: 800});
//mainWindow.setAutoHideMenuBar(true);
mainWindow.autoHideMenuBar = true;

Fonctionne comme prévu sans menu dans le navigateur.

Answer 2

Définir autoHideMenuBar à true lors de la création de la browserWindow

mainWindow = new BrowserWindow({
    autoHideMenuBar: true,
    width: 1200,
    height: 800
})

Answer 3

Ces solutions ont un bug. Lorsque vous utilisez les solutions ci-dessous, Windows a du retard à la fermeture.

Menu.setApplicationMenu(null),
&&
const updateErrorWindow = new BrowserWindow({autoHideMenuBar: true});

J'ai utilisé la solution ci-dessous. C'est mieux pour l'instant.

const window= new BrowserWindow({...});
window.setMenuBarVisibility(false);

Answer 4

Suite à la réponse de cette question vous devez appeler Menu.setApplicationMenu(null) avant la fenêtre est créée

Answer 5

Electron 12.0.6 :

    let mainWindow = new BrowserWindow({
        autoHideMenuBar: true
    });