Как вызвать небольшую задержку условного рендеринга в react-native

avatar
George S Mulbah II
9 августа 2021 в 00:30
136
1
0

Я хочу отложить условный рендеринг компонента 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
9 августа 2021 в 00:34
0

"Я хочу отложить условный рендеринг" - почему? Какую проблему вы пытаетесь решить с помощью этого отсроченного решения?

George S Mulbah II
9 августа 2021 в 00:40
0

@evolutionxbox Это моя отправка файлов на сервер. Анимация вызывает проблемы, компонент индикатора выполнения не завершает загрузку, тогда анимация LottieView просто всплывает, если я могу задержать progressBar на 1,5 секунды, тогда он завершит процесс загрузки, я проверил это, изменив значение в условии if равно 1,5, и мой индикатор выполнения полностью загружен

Ответы (1)

avatar
gu mingfeng
9 августа 2021 в 01:43
0

useDebounce Может быть, это поможет u