Блог

Главная - Вопросы по программированию - как сдвинуть экран при обновлении состояния с помощью анимации react native

как сдвинуть экран при обновлении состояния с помощью анимации react native

#react-native #react-native-animatable

#реагировать-родной #реагировать-родной-анимируемый

Вопрос:

У меня есть представление, и оно содержит некоторое описание текущего вопроса, когда пользователь нажимает кнопку «Далее», индекс вопроса увеличивается, пользовательский интерфейс немедленно изменяется, как и ожидалось,

Вместо мгновенного изменения попробуйте выполнить переход, например, изменить экран с помощью навигации react. Новый экран с содержимым должен скользить с правой стороны и закрывать экран, как навигация..

Как я могу этого достичь?

 import {  ViewStyle,  View,  Animated,  Platform, } from 'react-native'  const [fadeAnimation, setfadeAnimation] = useState(new Animated.Value(0))   const fadeIn = () =gt; {  Animated.timing(fadeAnimation, {  toValue: 1,  duration: 4000,  useNativeDriver: true,  }).start()  }  const onClickNext = () =gt; {  setActiveIndex(activeIndex   1)  fadeIn() }   return (  lt;Animated.View style={{  ...FULL,  transform: [{ translateX: fadeAnimation }],  }}  gt;  ...  lt;Textgt;{ActiveQuestionText}lt;/Textgt;    )
Метки: