如何让 React Native 应用中的 MIUI 导航栏透明?

Posted

技术标签:

【中文标题】如何让 React Native 应用中的 MIUI 导航栏透明?【英文标题】:How to make the MIUI navigation bar transparent in React Native app? 【发布时间】:2021-12-18 15:25:10 【问题描述】:

我在应用中使用@react-navigation/native 进行导航,但是当我切换到 MIUI 12 时,我注意到 MIUI 导航栏与我的应用导航栏重叠,这看起来不太好:

That's how it looks

我希望它看起来像这样:

That's how it supposed to look

我怎样才能实现这个目标?

【问题讨论】:

【参考方案1】:

看起来你应该创建原生模块沉浸式,Read About Immersive

或者你可以试试这个react-native-full-screen。希望这会有所帮助

【讨论】:

以上是关于如何让 React Native 应用中的 MIUI 导航栏透明?的主要内容,如果未能解决你的问题,请参考以下文章

如何让用户选中一个框以授予权限,而不是用户在 React-Native 中的警报上单击确定?

React Native 中的 Internet 推送通知

使用 React Native Geolocation 如何让其他用户在地图上显示?

如何让应用程序关闭时出现 Alert / Modal / Dialog 服务 react native?

React Native Expo App:如何让它运行 Jest 测试

如何让 React Native 仅在 Android 操作系统上从包中获取/导入功能