React native 在React Native to slide in/out内容中使用动画.timing（）API

我的React原生应用程序中有一个屏幕，可以根据一些使用挂钩的切换按钮显示/隐藏内容。一切都很好，但我想改进用户界面，在新内容中添加一些动画，在旧内容中添加一些动画

这是我的密码

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>
)}

const[activeSwitch，setActiveSwitch]=useState（0）；
...
返回(
{activeSwitch===1(
屏幕1
)：null}
{activeSwitch===2(
屏幕2
)：null}
{activeSwitch===3(
屏幕3
)：null}
)}

我正在使用setActiveSwitch（）根据单击的按钮设置状态

---

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

我喜欢这个问题，可以帮助您，但我需要一些时间，希望可以。当然，没问题！你希望它看起来怎么样？你有一个例子吗？