反応ネイティブでTabNavigator内でリスト数を追加する方法

Question

反応ネイティブのタブナビゲータ内でカウントを実装する方法は次のとおりです。私は反応コミュニティに尋ねたが、誰もこれに答えてくれないようだ。 助けてください。

Answer 1

あなたはここで2つのオプションがあります。あなたのタブコンポーネントが経路に関わらず、独自の数を知っているように、

1.Useの再来か、何か他のものを。

2.Youはタブバーやその他のナビゲーションオプションは、ナビゲーション小道具の関数として定義することができるので、表示されているbadgeCount、同様のparam持つことができます。

static navigationOptions = { 
     tabBar: (navigation) => ({ 
      label: 'Home', 
      icon: ({ tintColor, focused }) => 
       <IconBadge 
       MainElement={ 
        <Ionicons 
        name={focused ? 'ios-home' : 'ios-home-outline'} 
        size={26} 
        style={{ color: tintColor }} 
        /> 
       } 
       badgeNumber={navigation.state.params.badgeCount} 
      />, 
     }), 
    } 

次にあなたが呼び出すことでのparamを変更することができますがnavigation.setParams（{badgeCount：123}）。

これはあなたの過去のページではthis Githubの問題に

Answer 2

に対処されています：

static navigationOptions = ({navigation}) => ({ 
    title: 'yourTitle', 
    tabBarLabel: 'Past${navigation.state.params.count}' 
}) 

、あなたがSETPARAMS法により数を変更した後、新しいカウントが表示されます。

navigation.setParams({count: list.length})