Question

在我的react native项目中，我希望在屏幕上显示底部的tabBar，当您用手指向上滚动（例如y偏移200）时，tabBar会随着动画而隐藏，而当您向下滚动时再次说y会偏移200 y ，它再次显示tabBar。

我正在使用createBottomTabNavigator。我可以显示/隐藏没有动画的底部栏。

我尝试过

https://github.com/react-navigation/react-navigation/issues/888#issuecomment-299600368

https://github.com/react-navigation/react-navigation/issues/958

下面是我的代码

navigationOptions: ({ navigation }) => {
        const params = navigation.state.params;
        return {
          tabBarVisible: params && params.tabBarVisible,
          animationEnabled: true,
        }
      },

当用户滚动列表时，如何为底部的栏设置动画？

谢谢。

Answer 1

如果您想使用动画进行底部导航，则可以使用createMaterialTopTabNavigator并只需设置tabBarPosition。

For detail information about createMaterialTopTabNavigator

React Native-使用滚动动画底部标签栏

1 个答案: