使反应电子应用程序拖入透明框架中

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

[好吧，我不确定为什么会出现这种情况，但是如果这对其他人有帮助，我只会发布解决问题的方法。

我正在运行Electron 5，已在该项目上升级到最新版本v7，并在我的计算机上全局升级。此外，Electron窗口将启动，并在应用程序右侧停靠一个Chrome开发工具窗口。当我关闭它时，我能够拖动窗口。我能够解除开发工具的对接，这也使得窗口可以拖动。