How to use @react-navigation/material-bottom-tabs - 1 common examples

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.

github react-navigation / navigation-ex / example / src / Screens / MaterialBottomTabs.tsx View on Github external
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

MIT
Latest version published 1 month ago

Package Health Score

95 / 100
Full package analysis

Popular @react-navigation/material-bottom-tabs functions