如何使用react原生动画在状态更新时滑动屏幕

我有一个视图,它包含了当前问题的一些描述,当用户点击下一个按钮时,问题索引增加的UI会如预期的那样立即更改,

不要立即更改,而是尝试像使用反应导航更改屏幕一样进行转换。 包含内容的新屏幕应从右侧滑动,并像导航一样覆盖屏幕。。

我怎样才能做到这一点?

import {
  ViewStyle,
  View,
  Animated,
  Platform,
} from 'react-native'

const [fadeAnimation, setfadeAnimation] = useState(new Animated.Value(0))

  const fadeIn = () => {
    Animated.timing(fadeAnimation, {
      toValue: 1,
      duration: 4000,
      useNativeDriver: true,
    }).start()
  }

const onClickNext = () => {
    setActiveIndex(activeIndex + 1)
    fadeIn()
}

    return (
     <Animated.View style={{
                ...FULL,
                transform: [{ translateX: fadeAnimation }],
              }}
            >
    ...
    <Text>{ActiveQuestionText}</Text>
    
    )