Skip to content

A simple and customizable library for creating collapsible tab navigators in React Native

License

Notifications You must be signed in to change notification settings

vsnaichuk/react-native-simple-collapsible-tabs

Repository files navigation

react-native-simple-collapsible-tabs

demo.mp4

Installation

npm install react-native-simple-collapsible-tabs

Usage

import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
import { CollapsibleTab } from 'react-native-simple-collapsible-tabs';
import { Header, TabBar } from './components';

const Tab = createMaterialTopTabNavigator();

<CollapsibleTab.Container>
  <Header />
  <Tab.Navigator
    tabBar={(props) => <TabBar {...props} />}
    initialRouteName="Example1"
  >
    <Tab.Screen name="Example1" component={List} />
    <Tab.Screen name="Example2" component={List} />
    <Tab.Screen name="Example3" component={List} />
  </Tab.Navigator>
</CollapsibleTab.Container>;

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT


Made with create-react-native-library

About

A simple and customizable library for creating collapsible tab navigators in React Native

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published