@react-navigation/bottom-tabs#createBottomTabNavigator TypeScript 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: App.tsx    From react-native-sdk with MIT License 6 votes vote down vote up 
render() {
    const Tab = createBottomTabNavigator();

    return (
      <NavigationContainer>
        <Tab.Navigator
          screenOptions={({ route }) => ({
            tabBarIcon: ({ focused, color, size }) => {
              if (route.name == 'Home') {
                return <Icon name="ios-home" size={size} color={color} />
              } else {
                return <Icon name="ios-settings" size={size} color={color} />
              }
            },
          })}
          tabBarOptions={{
            activeTintColor: 'tomato',
            inactiveTintColor: 'gray',
            showIcon: true,
          }}
        >
          <Tab.Screen name="Home" options={{ title: "Coffees" }}>
            {props => <HomeTab ref={this.homeTabRef} {...props} />}
          </Tab.Screen>
          <Tab.Screen name="Settings" component={SettingsTab} />
        </Tab.Navigator>
      </NavigationContainer>
    )
  }
Example #2
Source File: BottomTabNavigator.tsx    From SpotifyClone with MIT License 6 votes vote down vote up 
BottomTab = createBottomTabNavigator<BottomTabParamList>()
Example #3
Source File: StudyTabs.tsx    From nlw-02-omnistack with MIT License 5 votes vote down vote up 
{ Navigator, Screen } = createBottomTabNavigator()
Example #4
Source File: ModalScreen.tsx    From react-native-portal with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #5
Source File: PopoverScreen.tsx    From react-native-portal with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #6
Source File: TabNavigator.tsx    From nyxo-app with GNU General Public License v3.0 5 votes vote down vote up 
Tab = createBottomTabNavigator<RootStackParamList['App']>()
Example #7
Source File: index.tsx    From RNWCShop with GNU General Public License v3.0 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #8
Source File: Stacks.tsx    From react-native-woocommerce with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #9
Source File: index.tsx    From jellyfin-audio-player with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #10
Source File: TabNavigator.tsx    From lexicon with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator<TabParamList>()
Example #11
Source File: BottomTabs.tsx    From krmanga with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator<BottomTabParamList>()
Example #12
Source File: Tabs.tsx    From online-groceries-app with MIT License 5 votes vote down vote up 
{Navigator, Screen} = createBottomTabNavigator()
Example #13
Source File: BottomTabNavigator.tsx    From magento_react_native_graphql with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator<BottomTabNavigatorParamList>()
Example #14
Source File: TabNavigator.tsx    From sellflow with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator<TabParamList>()
Example #15
Source File: Home.native.tsx    From make-a-fortune with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #16
Source File: main-tab-navigator.tsx    From beancount-mobile with MIT License 5 votes vote down vote up 
MainTab = createBottomTabNavigator<MainTabParamList>()
Example #17
Source File: App.tsx    From tinder-expo with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #18
Source File: StudyTabs.tsx    From nlw2-proffy with MIT License 5 votes vote down vote up 
{ Navigator, Screen } = createBottomTabNavigator()
Example #19
Source File: tab.routes.tsx    From rocketseat-gostack-11-desafios with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #20
Source File: BottomTabNavigator.tsx    From react-native-crypto-wallet-app with MIT License 5 votes vote down vote up 
BottomTab = createBottomTabNavigator<BottomTabScreens>()
Example #21
Source File: index.tsx    From safetraceapi with GNU General Public License v3.0 5 votes vote down vote up 
BottomTab = createBottomTabNavigator()
Example #22
Source File: BottomTabNavigator.tsx    From safetraceapi with GNU General Public License v3.0 5 votes vote down vote up 
BottomTab = createBottomTabNavigator()
Example #23
Source File: routes.tsx    From picpay-react-native with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #24
Source File: index.tsx    From react-native-tiktok-clone with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #25
Source File: AppNavigator.tsx    From tic-tac-toe-app with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()
Example #26
Source File: TabBar.tsx    From clipped-tabbar with BSD 3-Clause "New" or "Revised" License 5 votes vote down vote up 
BottomBar = createBottomTabNavigator()
Example #27
Source File: Root.tsx    From THUInfo with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator<RootTabParamList>()
Example #28
Source File: BottomTabNavigator.tsx    From TwitterClone with MIT License 5 votes vote down vote up 
BottomTab = createBottomTabNavigator<BottomTabParamList>()
Example #29
Source File: App.tsx    From curved-bottom-navigation-bar with MIT License 5 votes vote down vote up 
Tab = createBottomTabNavigator()