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',
  },
});

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