我尝试在一个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电子应用程序?
2条答案
按热度按时间gab6jxml1#
k4emjkb12#
好吧,我不知道为什么我得到这个行为,但如果这有助于其他人,我只是张贴我做了什么来解决我的问题。
我运行的是Electron 5,我在项目上升级到了最新的v7版本,并且在我的机器上进行了全局升级。另外,Electron窗口会在应用程序的右边启动一个Chrome开发工具窗口。当我关闭它时,我可以拖动窗口。我可以取消对开发工具的停靠,这也允许窗口是可拖动的。