reactjs - 使用透明框架使 react Electron 应用程序可拖动

Question

我正在尝试在React Electron应用程序中实现这一点。我已经尝试过使用上面列出的CSS属性，但是目前还无法正常工作。浏览器窗口的另一种解决方案也不起作用，因为我的应用程序位于React中，而该应用程序包装在Context.Provider中。这是我的代码:

在app.tsx中

<ApplicationContext.Provider value={{
    ...this.state,

  }}
>
<div id="app" className={appTheme}>
  <header className="title-bar">
    {/* more code */}
  </header>
</div>

而这在App.scss中

.title-bar {
  -webkit-user-select: none;
  -webkit-app-region: drag;
}

有人知道在React Electron应用程序中是否有更好的解决方案？

Answer 1

llamacorn -webkit-app-region:打开开发人员工具时，拖动存在问题。请参阅此GitHub问题以获取更多信息，包括解决方法。 https://github.com/electron/electron/issues/3647
资料来源:https://www.electronjs.org/docs/api/frameless-window