如何在 react-native 中造成条件渲染的轻微延迟答案

【问题标题】：How to cause a slight delay of conditional rendering in react-native如何在 react-native 中造成条件渲染的轻微延迟
【发布时间】：2021-08-09 00:30:08
【问题描述】：

如果以下条件为真，我想将 progreeBar 组件的条件渲染延迟到 1.5 秒

我已经尝试过的方法我尝试使用具有使用效果的setTimeOut，但也没有用我不知道我是否正确实施了这个方法，所以也欢迎任何帮助。

function UploadScreen({ onDone, progress = 0.23, visible = false }) {
  
  var progressWidth = progress;
 

  
    return (
      <Modal visible={visible}>
      <View style={styles.container}>
        {progress < 1 ? (
          <Progress.Bar
            color={colors.primary}
            progress={progressWidth}
            width={200}
          />
          ) : ( 
          <LottieView
            autoPlay
            loop={false}
            onAnimationFinish={onDone}
            source={require("../assets/animations/done.json")}
            style={styles.animation}
                />       
        )}
      </View>
    </Modal>
  );
}

【问题讨论】：

“我想延迟条件渲染” - 为什么？您想通过这种延迟解决方案解决什么问题？
@evolutionxbox 这是我将文件发布到服务器动画问题进度条组件没有完成加载然后 LottieView 动画只是弹出如果我可以在 progressBar 上延迟 1.5 秒然后它将完成加载过程中，我通过将 if 条件中的值更改为 1.5 来测试它，并且我的进度条已完全加载

标签： javascript reactjs react-native

【解决方案1】：

useDebounce 也许这可以帮助你

【讨论】：