ホームページ  >  記事  >  ウェブフロントエンド  >  React-navigationで複数のタブをネストした場合に内部タブが正常に切り替えられない問題の解決方法

React-navigationで複数のタブをネストした場合に内部タブが正常に切り替えられない問題の解決方法

一个新手
一个新手オリジナル
2017-10-12 10:18:161919ブラウズ

その理由

問題は、ユーザーがスライドや切り替えを行う際に、どのタブをスライドさせて切り替えるべきかを判断して切り替えアニメーションを表示することができないことのはずです。

解決済み

swipeEnabled - タブ間のスライドを許可するかどうか

animationEnabled - タブを変更するときにアニメーション化するかどうか

ルートタブナビゲーション設定で設定します:


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

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

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

Switchedを設定すると正常になるはずです。

以上がReact-navigationで複数のタブをネストした場合に内部タブが正常に切り替えられない問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。