react-native-tab-utils
v1.0.1
Utils like Steppers and Tab Bottom Bar, to be used with any TabView/ViewPager.
0/weekUpdated 3 years agoISCUnpacked: 890.4 KB
Published by ananyachandra14
npm install react-native-tab-utilsreact-native-tab-utils
Build and run demo
- Run
npm install react-native-tab-utils- To run TabUtilsExample, add:
- In your package.json dependencies, add
"rn-keyboard-aware-tab-view": "0.0.3" and run npm install.- In your index.js, add
import TabUtilsExample from "react-native-tab-utils/TabUtilsExample"; and AppRegistry.registerComponent("AwesomeProject", () => TabUtilsExample);.Usage
- Check sample code in TabUtilsExample.
- Use any TabView of your choice that provides a position-change / x-offset callback.
- Interpolate the x-offset into 0 to 1 for tab 1; 1 to 2 for tab 2, and so on.
- Pass the above value to your
TabIndicators or TabUtilsBar ref as this.tabUtilsBar.updateOffset(value); or this.tabIndicator.updateOffset(value);.