react-native - 在 React Native 中使用 Animated.timing() API 来滑入/滑出内容

Question

我的 React Native 应用程序中有一个屏幕，它使用 Hooks 根据一些切换按钮显示/隐藏内容。一切正常，但我想改进 UI 并添加一些动画以滑入新内容并滑出旧内容。

这是我的代码...

const [activeSwitch, setActiveSwitch] = useState(0);
...
return (
  <Scrollview>
    {activeSwitch === 1 ? (
      <View>
        <Text>SCREEN 1</Text>
      </View>
    ) : null}
    {activeSwitch === 2 ? (
      <View>
        <Text>SCREEN 2</Text>
      </View>
    ) : null}
    {activeSwitch === 3 ? (
      <View>
        <Text>SCREEN 3</Text>
      </View>
    ) : null}
  </Scrollview>
)}

我正在使用 setActiveSwitch() 根据我单击的按钮设置状态。

我以前从未使用过动画 API，并尝试查看此处的文档，但无法使其正常工作。任何帮助，将不胜感激。