https://github.com/varunon9/react-native-web-scrollable-tab-view
Scrollable Tab View for react-native-web
https://github.com/varunon9/react-native-web-scrollable-tab-view
react-native react-native-web scrollable-tab-view swipeable-views
Last synced: 3 months ago
JSON representation
Scrollable Tab View for react-native-web
- Host: GitHub
- URL: https://github.com/varunon9/react-native-web-scrollable-tab-view
- Owner: varunon9
- License: mit
- Created: 2019-01-25T05:01:31.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-05-22T07:58:01.000Z (about 2 years ago)
- Last Synced: 2025-02-28T07:36:51.927Z (3 months ago)
- Topics: react-native, react-native-web, scrollable-tab-view, swipeable-views
- Language: JavaScript
- Size: 117 KB
- Stars: 4
- Watchers: 3
- Forks: 4
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# react-native-web-scrollable-tab-view
Scrollable Tab View for react-native-web
Since `react-native-scrollable-tab-view` (https://github.com/ptomasroos/react-native-scrollable-tab-view) has no official support for `react-native-web` as of now, I wrote a basic vaersion of it using `react-swipeable-views`
Check github Issue: https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/973
### Add it to your react-native-web project
1. `yarn add react-native-web-scrollable-tab-view`
2. Mock `react-native-scrollable-tab-view` to this module in webpack.config.js file
```
alias: {
// Support React Native Web
// https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
'react-native': 'react-native-web',
'react-native-scrollable-tab-view': 'react-native-web-scrollable-tab-view'
}
```
3. In your react-native code, you would be using it like this-
```
import ScrollableTabView, { ScrollableTabBar } from 'react-native-scrollable-tab-view';
render() {
return (
}>
);
}
```
4. This is very basic version and only above props are supported. PRs are welcome.