@react-navigation/bottom-tabs#createBottomTabNavigator JavaScript Examples

The following examples show how to use @react-navigation/bottom-tabs#createBottomTabNavigator. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: navigation.js    From reddit-clone with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #2
Source File: main-stack.js    From astrale with GNU General Public License v3.0 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #3
Source File: Router.js    From mobile with GNU General Public License v3.0 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #4
Source File: BottomNavBar.js    From id.co.moonlay-eworkplace-mobile with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #5
Source File: BottomNavBarHD.js    From id.co.moonlay-eworkplace-mobile with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #6
Source File: Tabs.js    From mcrn-event-booking-app-starter with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #7
Source File: AppNavigator.js    From Done-With-It with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #8
Source File: AppNavigator.js    From deprem with GNU Lesser General Public License v3.0 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #9
Source File: App.js    From spotcast with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #10
Source File: BottomNavigator.js    From app with GNU General Public License v3.0 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #11
Source File: index.js    From puente-reactnative-collect with MIT License 5 votes vote down vote up
BottomTab = createBottomTabNavigator()
Example #12
Source File: BottomTabs.jsx    From ovuli with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #13
Source File: SocialAppNavigator.js    From SocialApp-React-Native with MIT License 5 votes vote down vote up
BottomTabNavigator = createBottomTabNavigator()
Example #14
Source File: FiltersTabNavigator.js    From spree-react-native with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #15
Source File: MainTabNavigator.js    From spree-react-native with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #16
Source File: index.js    From stayaway-app with European Union Public License 1.2 5 votes vote down vote up
{ Navigator, Screen } = createBottomTabNavigator()
Example #17
Source File: AuthorizedNavigator.js    From discovery-mobile-ui with MIT License 5 votes vote down vote up
HomeTab = createBottomTabNavigator()
Example #18
Source File: TabStack.js    From tcap-mobile with GNU General Public License v3.0 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #19
Source File: index.js    From react-native-template with MIT License 5 votes vote down vote up
BottomTabs = createBottomTabNavigator()
Example #20
Source File: BottomTabNavigator.js    From pandoa with GNU General Public License v3.0 5 votes vote down vote up
BottomTab = createBottomTabNavigator()
Example #21
Source File: BottomTabNavigator.js    From adyen-react-native-online-payments with MIT License 5 votes vote down vote up
BottomTab = createBottomTabNavigator()
Example #22
Source File: App.js    From Solution-Starter-Kit-Cooperation-2020 with Apache License 2.0 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #23
Source File: App.js    From Solution-Starter-Kit-Disasters-2020 with Apache License 2.0 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #24
Source File: Routes.js    From timetable with MIT License 5 votes vote down vote up
BottomTab = () => {
  const Tab = createBottomTabNavigator()
  const { t } = useTranslation()
  const { theme } = useContext(ThemeContext)

  return (
    <Tab.Navigator
      initialRouteName='Stations'
      tabBarOptions={{
        activeTintColor: theme.bottomTabNavActive,
        inactiveTintColor: theme.bottomTabNavInactive,
        style: { backgroundColor: theme.bottomTabNavBackground }
      }}
    >
      <Tab.Screen
        name='Favorites'
        component={Favorites}
        options={{
          title: t('routes.favorites'),
          tabBarIcon: ({ color, size }) => (
            <AntDesign name='staro' color={color} size={size} />
          )
        }}
      />
      <Tab.Screen
        name='Stations'
        component={Stations}
        options={{
          title: t('routes.stations'),
          tabBarIcon: ({ color, size }) => (
            <Entypo name='location' color={color} size={size} />
          )
        }}
      />
      <Tab.Screen
        name='Lines'
        component={Lines}
        options={{
          title: t('routes.lines'),
          tabBarIcon: ({ color, size }) => (
            <Entypo name='dots-three-horizontal' color={color} size={size} />
          )
        }}
      />
      <Tab.Screen
        name='About'
        component={About}
        options={{
          title: t('routes.about'),
          tabBarIcon: ({ color, size }) => (
            <Entypo name='info' color={color} size={size} />
          )
        }}
      />
    </Tab.Navigator>
  )
}
Example #25
Source File: tabs.js    From Baku with GNU General Public License v3.0 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #26
Source File: main.js    From Reminder-App with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #27
Source File: TabBar.js    From guardioes-app with Apache License 2.0 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #28
Source File: bottomHomeNavigator.routes.js    From InstagramClone with MIT License 5 votes vote down vote up
Tab = createBottomTabNavigator()
Example #29
Source File: FinancesApp.js    From actual with MIT License 5 votes vote down vote up
AppTabs = createBottomTabNavigator()