React Native Tab View

> I built this when I hit a blocker with react-native-tab-view where nested tab views have some UI and performance issues. Note that my version of tab view does everything JS land.

Installation

``sh
npm install @fausto95/react-native-tab-view
`

Demo

Supports

- Scrollable tabs
- Nested tab views

Usage

`js
import * as React from 'react';

import { View, Text } from 'react-native';
import { TabView } from '@fausto95/react-native-tab-view';

const routes = [
{ key: 'first', title: 'First' },
{ key: 'second', title: 'Second' },
{ key: 'third', title: 'Third' },
{ key: 'fourth', title: 'Fourth' },
];

export default function App() {
return (
tabBarStyle={styles.tabBarStyle}
tabBarContentContainerStyle={styles.tabBarContentContainerStyle}
style={{ flex: 1 }}
routes={routes}
onPress={(index) => console.log(index)}
renderTabBar={({ route, isActive }) => (
style={[styles.tab, isActive ? { backgroundColor: 'purple' } : {}]}
>

{route.title}


)}
renderScene={(route) => (

{route.title}

)}
/>
);
}
``

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