Skip to content

Latest commit

 

History

History
14 lines (12 loc) · 891 Bytes

README.md

File metadata and controls

14 lines (12 loc) · 891 Bytes

react-native-tab-utils

Build and run demo

  • Run npm install react-native-tab-utils
  • To run TabUtilsExample, add:
    • Run npm install rn-keyboard-aware-tab-view. It's a modified react native community TabView which returns onPositionChange callback, used in TabUtilsExample.
    • 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);.