React Native Tabnavigation动画

Question

我已经使用以下代码启用了动画的tabnavigator（为了便于阅读，省略了图标代码）。

正如您可以看到导航一样，当我点击每个标签（例如，第一个标签然后是第五个标签）时，中间的图标都会改变颜色。有没有办法可以＆＃34;跳跃＆＃34;到选项卡，同时启用动画？

const FirstStack = createTabNavigator(
  {
    Home: { screen: Home },
    List: { screen: List },
    Check: { screen: Check },
    Open: { screen: Open },
    Settings: { screen: Settings }
  },
  {

    tabBarOptions: {
      activeTintColor: "#00af9d",
      inactiveTintColor: "grey",
      style: {
        backgroundColor: "white",
        paddingTop: 10
      },
      showLabel: false
    },
    animationEnabled: true
  }
)

Answer 1

正如文档所述，对于反应导航，要在底部选项卡中启用动画，您需要材质设计选项卡，您可以了解它们以及如何安装它们here