How do I implement tab navigation in React Native?

How do I implement tab navigation in React Native?

You can use the React Navigation library to implement tab navigation in React Native. Would you like a code example?

Yes, please provide a code example.

Here's a simple example:

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

const Tab = createBottomTabNavigator();

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

export default function App() {
  return (
    <NavigationContainer>
      <MyTabs />
    </NavigationContainer>
  );
}

This sets up a basic tab navigation with Home and Settings screens.

What if I want to customize the tab bar?

You can customize the tab bar by using the tabBarOptions prop in the Tab.Navigator. You can change styles, colors, and more.