react-native-scrollable-tabs-hybrid
This is a fork of React Native Scrollable Tab View, which allows displaying both icon and label on the tabs.
Demo
Installation
- Run either
npm install react-native-scrollable-tabs-hybrid --save
yarn add react-native-scrollable-tabs-hybrid
var ScrollableTabView = require('react-native-scrollable-tab-view');
Basic Usage
var ScrollableTabView = ; var App = React;
Text Only tabBar
<ScrollableTabView renderTabBar= <DefaultTabBar tabStyle=stabBar /> tabBarTextStyle=stabBarText tabBarUnderlineStyle=stabBarUnderline tabBarActiveTextColor='#eeeeee' tabBarInactiveTextColor='#666666' tabBarBackgroundColor='#111111'> <Recent tabLabel="Recent" /> <Archived tabLabel="Archived" /> </ScrollableTabView>
Icon + Label tabBar
var ScrollableTabView = ; var App = React;
Custom tabBar
You can add your own custom tabBar. Here's an example:
;;; ;; Component icons = ; { superprops; thisicons = ; } { let tabs goToPage activeTab style icons = thisprops; return <View style=stabs style> tabs </View>; } ;
Contribution
Issues are welcome. Please add a screenshot, if not screencast, of bug and code snippet. Quickest way to solve issue is to reproduce it on one of the examples.
Pull requests are very welcome.
- Fork the repo
- Create new branch with feature name as branch name
- Check if things work with a jupyter notebook
- Raise a pull request
Licence
Please see attached Licence