https://github.com/fausto95/react-native-tab-view
https://github.com/fausto95/react-native-tab-view
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/fausto95/react-native-tab-view
- Owner: Fausto95
- License: mit
- Created: 2023-04-17T19:23:14.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-07T09:00:07.000Z (about 3 years ago)
- Last Synced: 2025-01-31T05:24:30.424Z (over 1 year ago)
- Language: TypeScript
- Size: 776 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# React Native Tab View
> I built this when I hit a blocker with [react-native-tab-view](https://github.com/satya164/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 (
console.log(index)}
renderTabBar={({ route, isActive }) => (
{route.title}
)}
renderScene={(route) => (
{route.title}
)}
/>
);
}
```
## Contributing
See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
## License
MIT
---
Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)