react-native-tab-utils
v1.0.1 react-native-component react-component react-native android ios tab swipe utils steppers and 1 more...
react-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 runnpm install
. - In your index.js, add
import TabUtilsExample from "react-native-tab-utils/TabUtilsExample";
andAppRegistry.registerComponent("AwesomeProject", () => TabUtilsExample);
.
- In your package.json dependencies, add
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
orTabUtilsBar
ref asthis.tabUtilsBar.updateOffset(value);
orthis.tabIndicator.updateOffset(value);
.
npm i react-native-tab-utils
Metadata
- ISC
- Whatever
- ananyachandra14
- released 6/4/2018