¿Cómo elimino esta barra de menú de mis aplicaciones electrónicas?

También dice "Hola mundo" (¿se debe a que descargué electron preconstruido y desaparecerá una vez que empaquete la aplicación?). No los codifiqué en el html, ¡así que no sé cómo sacarlo! -

Puede usar w.setMenu(null)o establecer frame: false(esto también elimina los botones para cerrar, minimizar y maximizar las opciones) en su ventana. Consulte setMenu () o BrowserWindow () . También revisa este hilo

Electron ahora tiene win.removeMenu()( agregado en v5.0.0 ), para eliminar los menús de la aplicación en lugar de usar win.setMenu(null).

Electron 7.1.x parece tener un error en el win.removeMenu()que no funciona. La única solución alternativa es usarMenu.setApplicationMenu(null)

Utilizar este:

mainWindow = new BrowserWindow({width: 640, height: 360})
mainWindow.setMenuBarVisibility(false)

Referencia: https://github.com/electron/electron/issues/1415

Lo intenté mainWindow.setMenu(null), pero no funcionó.

Para Electron 7.1.1, puede usar esto:

const {app, BrowserWindow, Menu} = require('electron')
Menu.setApplicationMenu(false)

Cuando empaqueta su aplicación, el menú predeterminado ya no estará allí, si esto lo molesta durante el desarrollo, puede llamar setMenu(null)a la ventana del navegador como lo sugiere @TonyVincent.

A partir de 7.0.0, la mayoría de las soluciones anteriores ya no funcionan. BrowserWindow.setMenu()ha sido reemplazado por Menu.setApplicationMenu(), que ahora cambia el menú en todas las ventanas. setMenu(), removeMenu()ya no hacen nada, que por cierto todavía se mencionan en los documentos.

setAutoHideMenuBar()todavía funciona, pero podría ser una molestia si planeaba usar Alt como modificador de teclas de acceso rápido. Una vez que el menú está visible, debe hacer clic fuera de la ventana (perder el enfoque) para ocultar el menú nuevamente.

Si su aplicación tiene más de una ventana, no puede configurar / eliminar menús por separado en cada ventana. La única forma de eliminar un menú es utilizar el enfoque de ventana sin marco. Eso es lo que quiero en mi aplicación actual, pero no es una buena solución en todos los casos.

El menú puede ocultarse o ocultarse automáticamente (como en Slack o VS Code ; puede presionar Alt para mostrar / ocultar el menú).

Métodos relevantes:

---- win.setMenu (menú) : establece el menú como la barra de menú de la ventana, si lo establece en nulo se eliminará la barra de menú. ( Esto eliminará el menú por completo )

mainWindow.setMenu(null)

---- win.setAutoHideMenuBar (ocultar) : establece si la barra de menú de la ventana debe ocultarse automáticamente. Una vez configurada, la barra de menú solo se
mostrará cuando los usuarios presionen la tecla Alt .

mainWindow.setAutoHideMenuBar(true)

Fuente: https://github.com/Automattic/simplenote-electron/issues/293

También existe el método para hacer una ventana sin marco como se muestra a continuación:

(sin botón de cierre ni nada. Puede ser lo que queramos (mejor diseño))

const { BrowserWindow } = require('electron')
let win = new BrowserWindow({ width: 800, height: 600, frame: false })
win.show()

https://electronjs.org/docs/api/browser-window#winremovemenu-linux-windows

Doc: https://electronjs.org/docs/api/frameless-window

Editar: (nuevo)

win.removeMenu() Linux Windows Elimina la barra de menú de la ventana.

https://electronjs.org/docs/api/browser-window#winremovemenu-linux-windows

Se agregó win.removeMenu () para eliminar los menús de la aplicación en lugar de usar win.setMenu (nulo)

Eso se agrega desde v5 según:

https://github.com/electron/electron/pull/16570

https://github.com/electron/electron/pull/16657

Error de electron v7

Para Electron 7.1.1 use en Menu.setApplicationMenulugar dewin.removeMenu()

según este hilo:
https://github.com/electron/electron/issues/16521

Y la gran nota es: ¡tienes que llamarlo antes de crear la ventana del navegador ! ¡O no funcionará!

const {app, BrowserWindow, Menu} = require('electron')

Menu.setApplicationMenu(null);

const browserWindow = new BrowserWindow({/*...*/});

ACTUALIZAR (Configuración de autoHideMenuBar en la construcción de BrowserWindow)

¡Como por @kcpr comentario! Podemos establecer la propiedad y muchos en el constructor.

¡Eso está disponible en la última versión estable de electron que es 8.3!
¡Pero también en versiones antiguas verifiqué v1, v2, v3, v4!
¡Está ahí en todas las versiones!

Según este enlace
https://github.com/electron/electron/blob/1-3-x/docs/api/browser-window.md

Y para la v8.3
https://github.com/electron/electron/blob/v8.3.0/docs/api/browser-window.md#new-browserwindowoptions

El enlace del documento
https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions

Desde el documento de la opción:

autoHideMenuBar Boolean (opcional): oculta automáticamente la barra de menú a menos que se presione la tecla Alt. El valor predeterminado es falso.

Aquí un fragmento para ilustrarlo:

let browserWindow = new BrowserWindow({
    width: 800,
    height: 600,
    autoHideMenuBar: true // <<< here
})

@"electron": "^7.1.1" : 

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

Funciona como se esperaba sin menú en el navegador.

Siguiendo la respuesta de este problema , debe llamar Menu.setApplicationMenu(null) antes de que se cree la ventana.

Antes de esta línea en main.js:

mainWindow = new BrowserWindow({width: 800, height: 900})

mainWindow.setMenu(null) //this will r menu bar

De acuerdo con la documentación oficial @ https://github.com/electron/electron/blob/v8.0.0-beta.1/docs/api/menu.md la forma correcta de hacer esto ahora desde 7.1.2 y he probado en 8.0 también es para:

const { app, Menu } = require('electron')

Menu.setApplicationMenu(null)

Estas soluciones tienen errores. Cuando se utilizan soluciones a continuación, las ventanas se demoran en cerrarse.

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

Usé la solución a continuación. Esto es mejor por ahora.

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