Блог

Главная - Вопросы по программированию - настраиваемая панель вкладок вместо навигации по реакции

настраиваемая панель вкладок вместо навигации по реакции

#react-native #react-navigation

Вопрос:

можно ли создать собственную панель вкладок навигации в react native вместо использования навигации react? Я хочу создать что-то с нуля, чтобы мне не пришлось изучать методы навигации по реакции.

Комментарии:

1. Научиться навигации по реакции намного проще, чем делать это самостоятельно. Навигация по реакции предоставляет возможность определить пользовательскую панель вкладок с помощью свойства панели вкладок -> > reactnavigation.org/docs/bottom-tab-navigator

Ответ №1:

Как уже отмечал Майкл Бахль, использование фреймворка в разработке программного обеспечения дает вам преимущество в получении большей функциональности за меньшее время. Если вам повезет, вы даже получите хорошо протестированный.

При этом навигация react предоставляет возможность легко настраивать определенные элементы навигации.

 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

const Tab = createBottomTabNavigator();

const CustomTabNavigator = () => {
  return (
    <Tab.Navigator
      initialRouteName="HomeTab"
      screenOptions={{headerShown: false, tabBarShowLabel: false}}>
      <Tab.Screen
        name="NavigationTab"
        component={MyScreen}
        options={{
          tabBarIcon: ({color}) => <TabBarIcon name="compass" color={color} />,
        }}
       />
     </Tab.Navigator>  
   );
};

export default CustomTabNavigator;

То же самое касается верхних вкладок материалов и большего количества навигаторов, они даже предоставляют API для настройки. 🙂

Метки: