如何制作全屏离子电容器应用程序

Question

电容器在文档中有关于屏幕方向的教程(https://capacitorjs.com/docs/v2/guides/screen-orientation#screen-电容器应用程序中的方向(，但如何将应用程序切换到全屏？Cordova在config.xml中有内置设置，但在电容器中，我不知道如何使其成为

Answer 1

使用Cordova的全屏插件(仍在使用Capacitor(

npm install cordova-plugin-fullscreen
npm install @awesome-cordova-plugins/android-full-screen
ionic cap sync

然后在你的App.tsx 中

AndroidFullScreen.isImmersiveModeSupported()
.then(() => AndroidFullScreen.immersiveMode())
.catch(console.warn);

在你的手机上试试

ionic cap run android --external -livereload

这将隐藏状态栏和导航按钮。如果用户向下滑动状态栏所在的位置，它将平滑显示2秒钟。

Answer 2

我认为您想要隐藏状态栏。在这种情况下，您可以使用官方的电容器状态栏插件来隐藏状态栏。看见https://capacitorjs.com/docs/apis/status-bar#hide.

import { StatusBar } from '@capacitor/status-bar';
const hideStatusBar = async () => {
await StatusBar.hide();
};