Я хочу отложить условный рендеринг компонента 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, и мой индикатор выполнения полностью загружен