react-native-tab-utils

v1.0.1
Utils like Steppers and Tab Bottom Bar, to be used with any TabView/ViewPager.
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 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);.
npm i react-native-tab-utils

Metadata

  • ISC
  • Whatever
  • ananyachandra14
  • released 6/4/2018

Downloads

Maintainers