在经过多个小时的尝试和修复后，我决定重新改写问题，因为没有任何结果。我正在使用SCREENFULL npm。本网络应用程序是员工使用的全屏交互式菜单系统的UI界面。我希望能够在加载时将应用程序启动到全屏状态，或者检测是否全屏以显示提示按钮以启用全屏并启动应用程序。但两种方式似乎都无法实现。我的尝试包括：
goFullScreen (){
screenfull.request();
}
<button onClick={(e) => this.goFullScreen()}> enable full screen </button>
运行良好。可以全屏显示。现在需要检测是显示应用程序（登录页、菜单等）还是只显示全屏按钮（这样应用程序只能在全屏模式下查看）。
screenfull.on('change', () => {
if (screenfull.isFullscreen) {
console.log("it freaken works");
return (
<h1> hi </h1>
)
} else if (!screenfull.isFullscreen) {
// display button to go fullscreen
}
});
不会返回<h1> hi </hi>或返回值内的任何内容，但控制台会记录。奇怪。
更新：
我决定尝试使用DidComponentMount（连同JavaScript的“onLoad”事件）:
componentDidMount () {
screenfull.request();
console.log("request happened");
}
请求确实发生了，但全屏模式未启用。在进行错误检查调试后，我使用软件包中包含的屏幕错误检测器获得了webkitfullscreen错误。
我不知道为什么这不起作用，甚至不知道为什么这是如此困难。
是否有解决方法，或者我只是把它搞得比应该更难了？
此 Web 应用程序仅在 Android 平板电脑和 Google Chrome 浏览器上运行。