没有 Expo 的 React Native AppLoading

Question

我已经使用 expo 一段时间了，并且在没有 expo 的情况下切换到 react-native-init。

我在没有 expo 的情况下工作很舒服（感谢 Github）但是不知何故我无法通过谷歌搜索找到与 Expo 中的 AppLoading 类似的功能的解决方案（https://docs.expo.io/versions/latest/sdk/app-loading） .也许我没有使用正确的关键字，我不断获得反应本机快速图像等的结果，这些结果只是从缓存中预加载图像。

我已经在 Xcode 中设置了启动屏幕，我想在启动之前进行网络请求，将一些数据加载到我的 redux 存储中，预加载图像和一些字体屏幕切换到我的第一个屏幕。

有人可以为我提供解决方案或 link 解决方案吗？

Answer 1

react-native-splash-screen满足您的要求！

Answer 2

截至 2022 年，

你可以试试react-native-bootsplash

万一react-native-splash-screen不适合你

Answer 3

我设法让它只做了一个简单的加载占位符。加载时您有 loadingState == true。如果它完成获取用户数据，例如它将加载您的正常屏幕、导航或其他内容



  if (loginState == true){
    return(
      <View style={{flex: 1, justifyContent: "center", alignItems: "center", backgroundColor: "#000000"}}>
        <Text style={{color: "#FFFFFF", fontSize: 27, fontFamily: "Poppins-SemiBold"}}>Loading</Text>
        <ActivityIndicator size="large" color="#FFFFFF" />
      </View>
    )
  };

没有 Expo 的 React Native AppLoading

React Native AppLoading without Expo

reactjs

react-native

react-native-navigation-v2