Блог

Я создаю приложение для чата в React Native, которое содержит навигатор bottomTabNavigator. Когда пользователь переходит на страницу чата (с другим пользователем), я хотел бы отобразить другой нижний навигатор. Вот моя установка.

 <NavigationContainer>
          <Tab.Navigator screenOptions={({route})=> ({
            
            tabBarIcon: ({focused, color, size}) => {
              let iconName

              if(route.name === 'Chat') {
                iconName = focused
                ?
                'chatbubble'
                :
                'chatbubble-outline'
              }
              else if (route.name === 'People') {
                iconName = focused?'people':'people-outline'
              }
              return <Ionicons name={iconName} size={size} color={'#00bde7'}/>
            }
          })}>
            <Tab.Screen name='Chat' options={{tabBarBadge: 5, tabBarBadgeStyle: {color: '#fff', backgroundColor: '#000'}}} component={Chat}/>
            <Tab.Screen name='People' component={People}/>
          </Tab.Navigator>
      </NavigationContainer>