React Native Expo 帶有進度條的飛濺

Question

我正在學習 React Native 並使用 expo 進行練習。 我用 npm react-native-progress 為我的應用程序制作了一個加載屏幕。

有什么辦法可以用我的屏幕替換 app.json 的 expo 中的啟動圖像？ 我做了一些研究，發現 expo 帶有這個默認的啟動圖像選項。 如何擺脫 expo 的“.png 圖像飛濺”並在應用程序加載時使用屏幕？ 如果有任何請指導我完成這個。謝謝。

Answer 1

您可以在應用程序加載時顯示該進度屏幕：

export default function App() {
  const [appIsReady, setAppIsReady] = useState(false);

  useEffect(() => {
    async function prepare() {
      await loadAllYourData();
      setAppIsReady(true);
    }

    prepare();
  }, []);


  return appIsReady ? (
    <View>
      <Text>My App</Text>
    </View>
  ) : (
    <MySplashScreenWithProgressBar />
  );
}