https://github.com/bogoslavskiy/react-native-tabs-section-list
React Native SectionList with scrollable tabs
https://github.com/bogoslavskiy/react-native-tabs-section-list
react-native sectionlist tabs
Last synced: 4 months ago
JSON representation
React Native SectionList with scrollable tabs
- Host: GitHub
- URL: https://github.com/bogoslavskiy/react-native-tabs-section-list
- Owner: bogoslavskiy
- License: mit
- Created: 2019-05-28T18:02:44.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2020-09-03T13:15:24.000Z (over 5 years ago)
- Last Synced: 2025-11-27T09:50:07.983Z (6 months ago)
- Topics: react-native, sectionlist, tabs
- Language: TypeScript
- Size: 17.9 MB
- Stars: 134
- Watchers: 5
- Forks: 42
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# react-native-tabs-section-list
[](https://badge.fury.io/js/react-native-tabs-section-list)
React Native SectionList with scrollable tabs
## Installation
```bash
$ yarn add react-native-tabs-section-list
```
## Usage
[See example](https://github.com/bogoslavskiy/react-native-tabs-section-list/blob/master/example/App.tsx)
## Run example
```bash
$ git clone https://github.com/bogoslavskiy/react-native-tabs-section-list.git
$ cd react-native-tabs-section-list/example
$ yarn install
$ yarn start
```
## Props
Name | Description | Type | Default
------ | ------ | ------ | ------
`scrollToLocationOffset?` | Param is inserted into `scrollToLocation` as `viewOffset` [See React Native Docs](https://facebook.github.io/react-native/docs/sectionlist#scrolltolocation) | `number` | 0
`tabBarStyle?` | Styles for tabBar | `ViewStyle` | undefined
`renderTab` | Callback which returns a custom React Element to use as the tab bar `(section: SectionListData) ` | `React.ReactNode` | Required
`SectionList` [props...](https://facebook.github.io/react-native/docs/sectionlist#props) | | |