在 React Native 中浏览屏幕时显示活动指示器

问题描述

我有一个名为 ScreenOne.js 的文件。我的目标是在从 ScreenOne 导航到 ScreenTwo 时显示三秒钟的活动指示器。所以流程是： ScreenOne -> 活动指示器（显示三秒）-> ScreenTwo。 这就是我想显示的内容：

<ActivityIndicator color={blue} size="large" />

我已经尝试了多种方法，ScreenOne 文件包含指标的 startLoading 函数。我真的很感激你对这件事的帮助。 这是 ScreenOne 文件：

const ScreenOne = () => {
  const navigation = useNavigation();

  const navigateTo = () => {
    navigation.navigate('ScreenTwo')
  }

  const [loading,setLoading] = useState(false);

  const startLoading = () => {
    setLoading(true);
    setTimeout(() => {
      setLoading(false);
    },3000);
  };

  return (
    <ScreenContainer>
      <Header style={styles.header} >
        <Text style={styles.textHeader} >ScreenOne</Text>
      </Header>
      <Text style={styles.message} >This is the ScreenOne</Text>
      <Button rounded buttonText='Go to ScreenTwo' textColor={colors.white} onPress={navigateTo} />
    </ScreenContainer>
  )
}

export default ScreenOne

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）