CODEWITHSUNDEEP
react-native
GB Studios
GB Studios

Reputation: 57

how to use this bottom tab bar with react native?

enter image description here

I am using the react navigation package. how can i make this bottom tab bar?

I couldn't find how to do it with this bottom tab bar react navigation. Anyone know how to do it in react native?

Upvotes: 0

Views: 151

Answers (1)

Vu Phung
Vu Phung

Reputation: 715

You can try @react-navigation/bottom-tabs and tabBar props to custom BottomTab:

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

const BottomTab = createBottomTabNavigator();

const BottomMenu = (props) => {
  return (
    // render your design
  )
}

function MyTabs() {
  return (
    <BottomTab.Navigator tabBar={(props) => <BottomMenu {...props} />}>
      <BottomTab.Screen name="Home" component={HomeScreen} />
      <BottomTab.Screen name="Settings" component={SettingsScreen} />
    </BottomTab.Navigator>
  );
}

Upvotes: 1

Related Questions