是否可以在React Native Expo应用程序中更改IOS上的闪屏状态栏颜色?
在其他屏幕上,我使用的React Natives useFocus是这样的:
const isFocused = useIsFocused();
{isFocused ? <StatusBar style="light" /> : <StatusBar style="dark" />}
如何在IOS的闪屏上实现这一点?
是否可以在React Native Expo应用程序中更改IOS上的闪屏状态栏颜色?
在其他屏幕上,我使用的React Natives useFocus是这样的:
const isFocused = useIsFocused();
{isFocused ? <StatusBar style="light" /> : <StatusBar style="dark" />}
如何在IOS的闪屏上实现这一点?
1条答案
按热度按时间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/