如何解決react-navigation 中的多tabs嵌套時內部tabs無法正常切換問題

原因

問題應該是當使用者滑動或切換時，無法判斷是哪個tabs應該進行滑動切換和展示切換動畫。

解決

swipeEnabled - 是否允許在標籤之間進行滑動

animationEnabled - 是否在更改標籤時動畫

在根tabs導航設定裡進行設定：

const MyApp = TabNavigator({
  Home: {
    screen: MyHomeScreen,
  },
  ChildrenTabs: {
    screen: ChildrenTabsScreen,
  },}, {

  //这里加两句设置，将切换动画和能否滑动设为false
  swipeEnabled:false,
  animationEnabled: false,
  //将这两个设置false后就不会产生父子tabs之间的冲突了

  tabBarOptions: {
    activeTintColor: '#e91e63',
  },});

設定後應該就能正常切換了。

以上是如何解決react-navigation 中的多tabs嵌套時內部tabs無法正常切換問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！