How to use the @react-navigation/material-bottom-tabs.createMaterialBottomTabNavigator function in @react-navigation/material-bottom-tabs
To help you get started, we’ve selected a few @react-navigation/material-bottom-tabs examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
react-navigation / navigation-ex / example / src / Screens / MaterialBottomTabs.tsx View on Github 
import * as React from 'react';
import { StyleSheet } from 'react-native';
import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';
import Albums from '../Shared/Albums';
import Contacts from '../Shared/Contacts';
import Chat from '../Shared/Chat';
import SimpleStackScreen from './SimpleStack';
type MaterialBottomTabParams = {
Article: undefined;
Albums: undefined;
Contacts: undefined;
Chat: undefined;
};
const MaterialBottomTabs = createMaterialBottomTabNavigator<
MaterialBottomTabParams
>();
export default function MaterialBottomTabsScreen() {
return (
{props => }@react-navigation/material-bottom-tabs
Integration for bottom navigation component from react-native-paper
