使用透明框架使react electronic应用程序可拖动

jogvjijk  于 2022-12-08  发布在  Electron
关注(0)|答案(2)|浏览(172)

我尝试在一个React Electron应用程序中实现这个功能。我已经尝试使用上面列出的CSS属性,但是它还没有工作。另一个浏览器窗口的解决方案也不太好用,因为我的应用程序是在React中,应用程序 Package 在一个Context.Provider中。下面是我的代码:
在应用程序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电子应用程序?

gab6jxml

gab6jxml1#

k4emjkb1

k4emjkb12#

好吧,我不知道为什么我得到这个行为,但如果这有助于其他人,我只是张贴我做了什么来解决我的问题。
我运行的是Electron 5,我在项目上升级到了最新的v7版本,并且在我的机器上进行了全局升级。另外,Electron窗口会在应用程序的右边启动一个Chrome开发工具窗口。当我关闭它时,我可以拖动窗口。我可以取消对开发工具的停靠,这也允许窗口是可拖动的。

相关问题