React Native 如何更改IOS启动画面上的状态栏颜色

5vf7fwbs  于 2023-01-02  发布在  React
关注(0)|答案(1)|浏览(166)

是否可以在React Native Expo应用程序中更改IOS上的闪屏状态栏颜色?
在其他屏幕上,我使用的React Natives useFocus是这样的:

const isFocused = useIsFocused();
{isFocused ? <StatusBar style="light" /> : <StatusBar style="dark" />}

如何在IOS的闪屏上实现这一点?

vd8tlhqk

vd8tlhqk1#

闪屏不是JS线程的一部分,它是原生应用程序的一部分,您不能通过JS控制它。这意味着您需要针对两个平台以编程方式设置它,或者使用特殊的库和CLI,如https://github.com/zoontek/react-native-bootsplash#setup
对于expo,您可以尝试此配置https://docs.expo.dev/tutorial/configuration/#step-3-configure-the-splash-screen-background-color
对于android,本指南可以帮助创建一个带有自定义主题的闪屏https://www.geeksforgeeks.org/how-to-change-the-color-of-status-bar-in-an-android-app/
对于IOS,本指南介绍状态栏颜色https://sarunw.com/posts/change-status-bar-text-color-in-uikit/

相关问题