代码之家  ›  专栏  ›  技术社区  ›  herbie

如何更改IOS启动屏幕上的状态栏颜色

  •  0
  • herbie  · 技术社区  · 3 年前

    是否可以在React Native Expo应用程序中更改IOS上的启动屏幕状态栏颜色?

    在其他屏幕上,我使用React Natives useFocus,如下所示:

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

    如何在IOS的启动屏幕上实现这一点?

    0 回复  |  直到 3 年前
        1
  •  1
  •   Kirill Novikov    3 年前

    启动屏幕不是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/