反应全屏

Question

我需要开发一个全屏网络应用程序。我试过：

​

import screenfull from "screenfull";

const HomePage = () => {

    if (screenfull.isEnabled) {
      screenfull.request();
    }
    
    return( 
    component...
    )
}
export default HomePage;

​

但是，当页面加载时，它不会将其放在全屏上。我还在另一条路线上报告了同样的功能。(例如Component2)。

​

import screenfull from "screenfull";

const Component2 = () => {

   if (screenfull.isEnabled) {
       screenfull.request();
   }
        
   return( 
   component...
   )
}
export default Component2;

​

单击浏览器在HomePage中呈现的任何位置，在此事件发生后，我的应用程序将变成全屏。

我如何使我的应用程序启动全屏启动？

Answer 1

也许这就是您要寻找的内容：https://web.dev/native-hardware-fullscreen/。当文档正文第一次加载时，您可以使用useEffect请求文档正文上的全屏。希望这能有所帮助。