@react-native-ohos/react-native-scrollable-tab-view 1.0.1-rc.1

package/README.md

@@ -0,0 +1,112 @@
+
+## react-native-scrollable-tab-view
+[![npm version](https://badge.fury.io/js/react-native-scrollable-tab-view.svg)](https://badge.fury.io/js/react-native-scrollable-tab-view)
+
+This is probably my favorite navigation pattern on Android, I wish it
+were more common on iOS! This is a very simple JavaScript-only
+implementation of it for React Native. For more information about how
+the animations behind this work, check out the Rebound section of the
+[React Native Animation Guide](https://facebook.github.io/react-native/docs/animations.html)
+
+
+## Add it to your project
+
+1. Run `npm install react-native-scrollable-tab-view --save`
+2. `var ScrollableTabView = require('react-native-scrollable-tab-view');`
+
+## Demo
+<a href="https://appetize.io/embed/6qfv7eydjtm34mhn6qwj2nt3xm?embed=true&screenOnly=false&xdocMsg=true&debug=true&scale=100&deviceColor=black&orientation=portrait&device=iphone6s&osVersion=9.3&deviceId=RGV2aWNlOjU2Y2FjNTExZWQwOTM2MTEwMGRhYTNlNg&platform=ios&width=375&height=668&phoneWidth=416&phoneHeight=870&screenOffsetLeft=21&screenOffsetTop=100&params=%7B%7D" target="_blank"><strong>Run this example</strong></a>
+
+<a href="https://raw.githubusercontent.com/brentvatne/react-native-scrollable-tab-view/master/demo_images/demo.gif"><img src="https://raw.githubusercontent.com/brentvatne/react-native-scrollable-tab-view/master/demo_images/demo.gif" width="350"></a>
+<a href="https://raw.githubusercontent.com/brentvatne/react-native-scrollable-tab-view/master/demo_images/demo-fb.gif"><img src="https://raw.githubusercontent.com/brentvatne/react-native-scrollable-tab-view/master/demo_images/demo-fb.gif" width="350"></a>
+
+## Basic usage
+
+```javascript
+var ScrollableTabView = require('react-native-scrollable-tab-view');
+
+var App = React.createClass({
+  render() {
+    return (
+      <ScrollableTabView>
+        <ReactPage tabLabel="React" />
+        <FlowPage tabLabel="Flow" />
+        <JestPage tabLabel="Jest" />
+      </ScrollableTabView>
+    );
+  }
+});
+```
+
+## Injecting a custom tab bar
+
+Suppose we had a custom tab bar called `CustomTabBar`, we would inject
+it into our `ScrollableTabView` like this:
+
+```javascript
+var ScrollableTabView = require('react-native-scrollable-tab-view');
+var CustomTabBar = require('./CustomTabBar');
+
+var App = React.createClass({
+  render() {
+    return (
+      <ScrollableTabView renderTabBar={() => <CustomTabBar someProp={'here'} />}>
+        <ReactPage tabLabel="React" />
+        <FlowPage tabLabel="Flow" />
+        <JestPage tabLabel="Jest" />
+      </ScrollableTabView>
+    );
+  }
+});
+```
+To start you can just copy [DefaultTabBar](https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/DefaultTabBar.js).
+
+## Examples
+
+[SimpleExample](https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/Example/SimpleExample.js).
+
+[ScrollableTabsExample](https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/Example/ScrollableTabsExample.js).
+
+[OverlayExample](https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/Example/OverlayExample.js).
+
+[FacebookExample](https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/Example/FacebookExample.js).
+
+## Props
+
+- **`renderTabBar`** _(Function:ReactComponent)_ - accept 1 argument `props` and should return a component to use as
+  the tab bar. The component has `goToPage`, `tabs`, `activeTab` and
+  `ref` added to the props, and should implement `setAnimationValue` to
+  be able to animate itself along with the tab content. You can manually pass the `props` to the TabBar component.
+- **`tabBarPosition`** _(String)_ Defaults to `"top"`.
+  - `"bottom"` to position the tab bar below content.
+  - `"overlayTop"` or `"overlayBottom"` for a semitransparent tab bar that overlays content. Custom tab bars must consume a style prop on their outer element to support this feature: `style={this.props.style}`.
+- **`onChangeTab`** _(Function)_ - function to call when tab changes, should accept 1 argument which is an Object containing two keys: `i`: the index of the tab that is selected, `ref`: the ref of the tab that is selected
+- **`onScroll`** _(Function)_ - function to call when the pages are sliding, should accept 1 argument which is an Float number representing the page position in the slide frame.
+- **`locked`** _(Bool)_ - disables horizontal dragging to scroll between tabs, default is false.
+- **`initialPage`** _(Integer)_ - the index of the initially selected tab, defaults to 0 === first tab.
+- **`page`** _(Integer)_ - set selected tab(can be buggy see  [#126](https://github.com/brentvatne/react-native-scrollable-tab-view/issues/126)
+- **`children`** _(ReactComponents)_ - each top-level child component should have a `tabLabel` prop that can be used by the tab bar component to render out the labels. The default tab bar expects it to be a string, but you can use anything you want if you make a custom tab bar.
+- **`tabBarUnderlineStyle`** _([View.propTypes.style](https://facebook.github.io/react-native/docs/view.html#style))_ - style of the default tab bar's underline.
+- **`tabBarBackgroundColor`** _(String)_ - color of the default tab bar's background, defaults to `white`
+- **`tabBarActiveTextColor`** _(String)_ - color of the default tab bar's text when active, defaults to `navy`
+- **`tabBarInactiveTextColor`** _(String)_ - color of the default tab bar's text when inactive, defaults to `black`
+- **`tabBarTextStyle`** _(Object)_ - Additional styles to the tab bar's text. Example: `{fontFamily: 'Roboto', fontSize: 15}`
+- **`style`** _([View.propTypes.style](https://facebook.github.io/react-native/docs/view.html#style))_
+- **`contentProps`** _(Object)_ - props that are applied to root `ScrollView`/`ViewPagerAndroid`. Note that overriding defaults set by the library may break functionality; see the source for details.
+- **`scrollWithoutAnimation`** _(Bool)_ - on tab press change tab without animation.
+- **`prerenderingSiblingsNumber`** _(Integer)_ - pre-render nearby # sibling, `Infinity` === render all the siblings, default to 0 === render current page.
+
+## Contribution
+**Issues** are welcome. Please add a screenshot of bug and code snippet. Quickest way to solve issue is to reproduce it on one of the examples.
+
+**Pull requests** are welcome. If you want to change API or making something big better to create issue and discuss it first. Before submiting PR please run ```eslint .``` Also all eslint fixes are welcome.
+
+Please attach video or gif to PR's and issues it is super helpful.
+
+<a href="http://www.abeautifulsite.net/recording-a-screencast-with-quicktime/" target="_blank">How to make video</a>
+
+<a href="https://github.com/jclem/gifify" target="_blank">How to make gif from video</a>
+
+---
+
+**MIT Licensed**

package/lib/commonjs/Button.android.js

@@ -0,0 +1,17 @@
+"use strict";
+
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const React = require('react');
+const ReactNative = require('react-native');
+const {
+  TouchableNativeFeedback,
+  View
+} = ReactNative;
+const Button = props => {
+  return /*#__PURE__*/React.createElement(TouchableNativeFeedback, _extends({
+    delayPressIn: 0,
+    background: TouchableNativeFeedback.SelectableBackground() // eslint-disable-line new-cap
+  }, props), props.children);
+};
+module.exports = Button;
+//# sourceMappingURL=Button.android.js.map

package/lib/commonjs/Button.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","require","ReactNative","TouchableNativeFeedback","View","Button","props","createElement","_extends","delayPressIn","background","SelectableBackground","children","module","exports"],"sourceRoot":"..\\..\\src","sources":["Button.android.js"],"mappings":";;;AAAA,MAAMA,KAAK,GAAGC,OAAO,CAAC,OAAO,CAAC;AAC9B,MAAMC,WAAW,GAAGD,OAAO,CAAC,cAAc,CAAC;AAC3C,MAAM;EACJE,uBAAuB;EACvBC;AACF,CAAC,GAAGF,WAAW;AAEf,MAAMG,MAAM,GAAIC,KAAK,IAAK;EACxB,oBAAON,KAAA,CAAAO,aAAA,CAACJ,uBAAuB,EAAAK,QAAA;IAC7BC,YAAY,EAAE,CAAE;IAChBC,UAAU,EAAEP,uBAAuB,CAACQ,oBAAoB,CAAC,CAAE,CAAC;EAAA,GACxDL,KAAK,GAERA,KAAK,CAACM,QACgB,CAAC;AAC5B,CAAC;AAEDC,MAAM,CAACC,OAAO,GAAGT,MAAM","ignoreList":[]}

package/lib/commonjs/Button.ios.js

@@ -0,0 +1,13 @@
+"use strict";
+
+const React = require('react');
+const ReactNative = require('react-native');
+const {
+  TouchableOpacity,
+  View
+} = ReactNative;
+const Button = props => {
+  return /*#__PURE__*/React.createElement(TouchableOpacity, props, props.children);
+};
+module.exports = Button;
+//# sourceMappingURL=Button.ios.js.map

package/lib/commonjs/Button.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","require","ReactNative","TouchableOpacity","View","Button","props","createElement","children","module","exports"],"sourceRoot":"..\\..\\src","sources":["Button.ios.js"],"mappings":";;AAAA,MAAMA,KAAK,GAAGC,OAAO,CAAC,OAAO,CAAC;AAC9B,MAAMC,WAAW,GAAGD,OAAO,CAAC,cAAc,CAAC;AAC3C,MAAM;EACJE,gBAAgB;EAChBC;AACF,CAAC,GAAGF,WAAW;AAEf,MAAMG,MAAM,GAAIC,KAAK,IAAK;EACxB,oBAAON,KAAA,CAAAO,aAAA,CAACJ,gBAAgB,EAAKG,KAAK,EAC/BA,KAAK,CAACE,QACS,CAAC;AACrB,CAAC;AAEDC,MAAM,CAACC,OAAO,GAAGL,MAAM","ignoreList":[]}

package/lib/commonjs/DefaultTabBar.js

@@ -0,0 +1,113 @@
+"use strict";
+
+const React = require('react');
+const ReactNative = require('react-native');
+const DeprecatedPropTypes = require('deprecated-react-native-prop-types');
+const PropTypes = require('prop-types');
+const createReactClass = require('create-react-class');
+const {
+  StyleSheet,
+  Text,
+  View,
+  Animated
+} = ReactNative;
+const Button = Platform.OS === 'ios' ? require('./Button.ios.js') : require('./Button.android.js');
+const DefaultTabBar = createReactClass({
+  displayName: "DefaultTabBar",
+  propTypes: {
+    goToPage: PropTypes.func,
+    activeTab: PropTypes.number,
+    tabs: PropTypes.array,
+    backgroundColor: PropTypes.string,
+    activeTextColor: PropTypes.string,
+    inactiveTextColor: PropTypes.string,
+    textStyle: DeprecatedPropTypes.TextPropTypes.style,
+    tabStyle: DeprecatedPropTypes.ViewPropTypes.style,
+    renderTab: PropTypes.func,
+    underlineStyle: DeprecatedPropTypes.ViewPropTypes.style
+  },
+  getDefaultProps() {
+    return {
+      activeTextColor: 'navy',
+      inactiveTextColor: 'black',
+      backgroundColor: null
+    };
+  },
+  renderTabOption(name, page) {},
+  renderTab(name, page, isTabActive, onPressHandler) {
+    const {
+      activeTextColor,
+      inactiveTextColor,
+      textStyle
+    } = this.props;
+    const textColor = isTabActive ? activeTextColor : inactiveTextColor;
+    const fontWeight = isTabActive ? 'bold' : 'normal';
+    return /*#__PURE__*/React.createElement(Button, {
+      style: {
+        flex: 1
+      },
+      key: name,
+      accessible: true,
+      accessibilityLabel: name,
+      accessibilityTraits: "button",
+      onPress: () => onPressHandler(page)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.tab, this.props.tabStyle]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [{
+        color: textColor,
+        fontWeight
+      }, textStyle]
+    }, name)));
+  },
+  render() {
+    const containerWidth = this.props.containerWidth;
+    const numberOfTabs = this.props.tabs.length;
+    const tabUnderlineStyle = {
+      position: 'absolute',
+      width: containerWidth / numberOfTabs,
+      height: 4,
+      backgroundColor: 'navy',
+      bottom: 0
+    };
+    const translateX = this.props.scrollValue.interpolate({
+      inputRange: [0, 1],
+      outputRange: [0, containerWidth / numberOfTabs]
+    });
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.tabs, {
+        backgroundColor: this.props.backgroundColor
+      }, this.props.style]
+    }, this.props.tabs.map((name, page) => {
+      const isTabActive = this.props.activeTab === page;
+      const renderTab = this.props.renderTab || this.renderTab;
+      return renderTab(name, page, isTabActive, this.props.goToPage);
+    }), /*#__PURE__*/React.createElement(Animated.View, {
+      style: [tabUnderlineStyle, {
+        transform: [{
+          translateX
+        }]
+      }, this.props.tabBarUnderlineStyle]
+    }));
+  }
+});
+const styles = StyleSheet.create({
+  tab: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingBottom: 10
+  },
+  tabs: {
+    height: 50,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    borderWidth: 1,
+    borderTopWidth: 0,
+    borderLeftWidth: 0,
+    borderRightWidth: 0,
+    borderColor: '#ccc'
+  }
+});
+module.exports = DefaultTabBar;
+//# sourceMappingURL=DefaultTabBar.js.map

package/lib/commonjs/DefaultTabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","require","ReactNative","DeprecatedPropTypes","PropTypes","createReactClass","StyleSheet","Text","View","Animated","Button","Platform","OS","DefaultTabBar","displayName","propTypes","goToPage","func","activeTab","number","tabs","array","backgroundColor","string","activeTextColor","inactiveTextColor","textStyle","TextPropTypes","style","tabStyle","ViewPropTypes","renderTab","underlineStyle","getDefaultProps","renderTabOption","name","page","isTabActive","onPressHandler","props","textColor","fontWeight","createElement","flex","key","accessible","accessibilityLabel","accessibilityTraits","onPress","styles","tab","color","render","containerWidth","numberOfTabs","length","tabUnderlineStyle","position","width","height","bottom","translateX","scrollValue","interpolate","inputRange","outputRange","map","transform","tabBarUnderlineStyle","create","alignItems","justifyContent","paddingBottom","flexDirection","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderColor","module","exports"],"sourceRoot":"..\\..\\src","sources":["DefaultTabBar.js"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/SceneComponent.js

@@ -0,0 +1,23 @@
+"use strict";
+
+const React = require('react');
+const ReactNative = require('react-native');
+const {
+  Component
+} = React;
+const {
+  View,
+  StyleSheet
+} = ReactNative;
+const StaticContainer = require('./StaticContainer');
+const SceneComponent = Props => {
+  const {
+    shouldUpdated,
+    ...props
+  } = Props;
+  return /*#__PURE__*/React.createElement(View, props, /*#__PURE__*/React.createElement(StaticContainer, {
+    shouldUpdate: shouldUpdated
+  }, props.children));
+};
+module.exports = SceneComponent;
+//# sourceMappingURL=SceneComponent.js.map

package/lib/commonjs/SceneComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","require","ReactNative","Component","View","StyleSheet","StaticContainer","SceneComponent","Props","shouldUpdated","props","createElement","shouldUpdate","children","module","exports"],"sourceRoot":"..\\..\\src","sources":["SceneComponent.js"],"mappings":";;AAAA,MAAMA,KAAK,GAAGC,OAAO,CAAC,OAAO,CAAC;AAC9B,MAAMC,WAAW,GAAGD,OAAO,CAAC,cAAc,CAAC;AAC3C,MAAM;EAAEE;AAAU,CAAC,GAAGH,KAAK;AAC3B,MAAM;EAAEI,IAAI;EAAEC;AAAW,CAAC,GAAGH,WAAW;AAExC,MAAMI,eAAe,GAAGL,OAAO,CAAC,mBAAmB,CAAC;AAEpD,MAAMM,cAAc,GAAIC,KAAK,IAAK;EAChC,MAAM;IAAEC,aAAa;IAAE,GAAGC;EAAM,CAAC,GAAGF,KAAK;EACzC,oBAAOR,KAAA,CAAAW,aAAA,CAACP,IAAI,EAAKM,KAAK,eAClBV,KAAA,CAAAW,aAAA,CAACL,eAAe;IAACM,YAAY,EAAEH;EAAc,GAC1CC,KAAK,CAACG,QACQ,CACf,CAAC;AACT,CAAC;AAEDC,MAAM,CAACC,OAAO,GAAGR,cAAc","ignoreList":[]}

package/lib/commonjs/ScrollableTabBar.js

@@ -0,0 +1,258 @@
+"use strict";
+
+const React = require('react');
+const ReactNative = require('react-native');
+const DeprecatedPropTypes = require('deprecated-react-native-prop-types');
+const PropTypes = require('prop-types');
+const createReactClass = require('create-react-class');
+const {
+  View,
+  Animated,
+  StyleSheet,
+  ScrollView,
+  Text,
+  Platform,
+  Dimensions
+} = ReactNative;
+const Button = Platform.OS === 'ios' ? require('./Button.ios.js') : require('./Button.android.js');
+const WINDOW_WIDTH = Dimensions.get('window').width;
+const ScrollableTabBar = createReactClass({
+  displayName: "ScrollableTabBar",
+  propTypes: {
+    goToPage: PropTypes.func,
+    activeTab: PropTypes.number,
+    tabs: PropTypes.array,
+    backgroundColor: PropTypes.string,
+    activeTextColor: PropTypes.string,
+    inactiveTextColor: PropTypes.string,
+    scrollOffset: PropTypes.number,
+    style: DeprecatedPropTypes.ViewPropTypes.style,
+    tabStyle: DeprecatedPropTypes.ViewPropTypes.style,
+    tabsContainerStyle: DeprecatedPropTypes.ViewPropTypes.style,
+    textStyle: DeprecatedPropTypes.TextPropTypes.style,
+    renderTab: PropTypes.func,
+    underlineStyle: DeprecatedPropTypes.ViewPropTypes.style,
+    onScroll: PropTypes.func
+  },
+  getDefaultProps() {
+    return {
+      scrollOffset: 52,
+      activeTextColor: 'navy',
+      inactiveTextColor: 'black',
+      backgroundColor: null,
+      style: {},
+      tabStyle: {},
+      tabsContainerStyle: {},
+      underlineStyle: {}
+    };
+  },
+  getInitialState() {
+    this._tabsMeasurements = [];
+    return {
+      _leftTabUnderline: new Animated.Value(0),
+      _widthTabUnderline: new Animated.Value(0),
+      _containerWidth: null
+    };
+  },
+  componentDidMount() {
+    this.props.scrollValue.addListener(this.updateView);
+  },
+  updateView(offset) {
+    const position = Math.floor(offset.value);
+    const pageOffset = offset.value % 1;
+    const tabCount = this.props.tabs.length;
+    const lastTabPosition = tabCount - 1;
+    if (tabCount === 0 || offset.value < 0 || offset.value > lastTabPosition) {
+      return;
+    }
+    if (this.necessarilyMeasurementsCompleted(position, position === lastTabPosition)) {
+      this.updateTabPanel(position, pageOffset);
+      this.updateTabUnderline(position, pageOffset, tabCount);
+    }
+  },
+  necessarilyMeasurementsCompleted(position, isLastTab) {
+    return this._tabsMeasurements[position] && (isLastTab || this._tabsMeasurements[position + 1]) && this._tabContainerMeasurements && this._containerMeasurements;
+  },
+  updateTabPanel(position, pageOffset) {
+    const containerWidth = this._containerMeasurements.width;
+    const tabWidth = this._tabsMeasurements[position].width;
+    const nextTabMeasurements = this._tabsMeasurements[position + 1];
+    const nextTabWidth = nextTabMeasurements && nextTabMeasurements.width || 0;
+    const tabOffset = this._tabsMeasurements[position].left;
+    const absolutePageOffset = pageOffset * tabWidth;
+    let newScrollX = tabOffset + absolutePageOffset;
+
+    // center tab and smooth tab change (for when tabWidth changes a lot between two tabs)
+    newScrollX -= (containerWidth - (1 - pageOffset) * tabWidth - pageOffset * nextTabWidth) / 2;
+    newScrollX = newScrollX >= 0 ? newScrollX : 0;
+    if (Platform.OS === 'android') {
+      const rightBoundScroll = this._tabContainerMeasurements.width - this._containerMeasurements.width;
+      newScrollX = newScrollX > rightBoundScroll ? rightBoundScroll : newScrollX;
+      if (this._scrollView) {
+        this._scrollView.scrollTo({
+          x: newScrollX,
+          y: 0,
+          animated: false
+        });
+      }
+    } else {
+      if (this._scrollView) {
+        this._scrollView.scrollTo({
+          x: newScrollX,
+          y: 0,
+          animated: false
+        });
+      }
+    }
+  },
+  updateTabUnderline(position, pageOffset, tabCount) {
+    const lineLeft = this._tabsMeasurements[position].left;
+    const lineRight = this._tabsMeasurements[position].right;
+    if (position < tabCount - 1) {
+      const nextTabLeft = this._tabsMeasurements[position + 1].left;
+      const nextTabRight = this._tabsMeasurements[position + 1].right;
+      const newLineLeft = pageOffset * nextTabLeft + (1 - pageOffset) * lineLeft;
+      const newLineRight = pageOffset * nextTabRight + (1 - pageOffset) * lineRight;
+      this.state._leftTabUnderline.setValue(newLineLeft);
+      this.state._widthTabUnderline.setValue(newLineRight - newLineLeft);
+    } else {
+      this.state._leftTabUnderline.setValue(lineLeft);
+      this.state._widthTabUnderline.setValue(lineRight - lineLeft);
+    }
+  },
+  renderTab(name, page, isTabActive, onPressHandler, onLayoutHandler) {
+    const {
+      activeTextColor,
+      inactiveTextColor,
+      textStyle
+    } = this.props;
+    const textColor = isTabActive ? activeTextColor : inactiveTextColor;
+    const fontWeight = isTabActive ? 'bold' : 'normal';
+    return /*#__PURE__*/React.createElement(Button, {
+      key: `${name}_${page}`,
+      accessible: true,
+      accessibilityLabel: name,
+      accessibilityTraits: "button",
+      onPress: () => onPressHandler(page),
+      onLayout: onLayoutHandler
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.tab, this.props.tabStyle]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [{
+        color: textColor,
+        fontWeight
+      }, textStyle]
+    }, name)));
+  },
+  measureTab(page, event) {
+    const {
+      x,
+      width,
+      height
+    } = event.nativeEvent.layout;
+    this._tabsMeasurements[page] = {
+      left: x,
+      right: x + width,
+      width,
+      height
+    };
+    this.updateView({
+      value: this.props.scrollValue.__getValue()
+    });
+  },
+  render() {
+    const tabUnderlineStyle = {
+      position: 'absolute',
+      height: 4,
+      backgroundColor: 'navy',
+      bottom: 0
+    };
+    const dynamicTabUnderline = {
+      left: this.state._leftTabUnderline,
+      width: this.state._widthTabUnderline
+    };
+    const {
+      onScroll
+    } = this.props;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, {
+        backgroundColor: this.props.backgroundColor
+      }, this.props.style],
+      onLayout: this.onContainerLayout
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      ref: scrollView => {
+        this._scrollView = scrollView;
+      },
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      showsVerticalScrollIndicator: false,
+      directionalLockEnabled: true,
+      bounces: false,
+      scrollsToTop: false,
+      onScroll: onScroll,
+      scrollEventThrottle: 16
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.tabs, {
+        width: this.state._containerWidth
+      }, this.props.tabsContainerStyle],
+      ref: 'tabContainer',
+      onLayout: this.onTabContainerLayout
+    }, this.props.tabs.map((name, page) => {
+      const isTabActive = this.props.activeTab === page;
+      const renderTab = this.props.renderTab || this.renderTab;
+      return renderTab(name, page, isTabActive, this.props.goToPage, this.measureTab.bind(this, page));
+    }), /*#__PURE__*/React.createElement(Animated.View, {
+      style: [tabUnderlineStyle, dynamicTabUnderline, this.props.underlineStyle]
+    }))));
+  },
+  componentDidUpdate(prevProps) {
+    // If the tabs change, force the width of the tabs container to be recalculated
+    if (JSON.stringify(prevProps.tabs) !== JSON.stringify(this.props.tabs) && this.state._containerWidth) {
+      this.setState({
+        _containerWidth: null
+      });
+    }
+  },
+  onTabContainerLayout(e) {
+    this._tabContainerMeasurements = e.nativeEvent.layout;
+    let width = this._tabContainerMeasurements.width;
+    if (width < WINDOW_WIDTH) {
+      width = WINDOW_WIDTH;
+    }
+    this.setState({
+      _containerWidth: width
+    });
+    this.updateView({
+      value: this.props.scrollValue.__getValue()
+    });
+  },
+  onContainerLayout(e) {
+    this._containerMeasurements = e.nativeEvent.layout;
+    this.updateView({
+      value: this.props.scrollValue.__getValue()
+    });
+  }
+});
+module.exports = ScrollableTabBar;
+const styles = StyleSheet.create({
+  tab: {
+    height: 49,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingLeft: 20,
+    paddingRight: 20
+  },
+  container: {
+    height: 50,
+    borderWidth: 1,
+    borderTopWidth: 0,
+    borderLeftWidth: 0,
+    borderRightWidth: 0,
+    borderColor: '#ccc'
+  },
+  tabs: {
+    flexDirection: 'row',
+    justifyContent: 'space-around'
+  }
+});
+//# sourceMappingURL=ScrollableTabBar.js.map

package/lib/commonjs/ScrollableTabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","require","ReactNative","DeprecatedPropTypes","PropTypes","createReactClass","View","Animated","StyleSheet","ScrollView","Text","Platform","Dimensions","Button","OS","WINDOW_WIDTH","get","width","ScrollableTabBar","displayName","propTypes","goToPage","func","activeTab","number","tabs","array","backgroundColor","string","activeTextColor","inactiveTextColor","scrollOffset","style","ViewPropTypes","tabStyle","tabsContainerStyle","textStyle","TextPropTypes","renderTab","underlineStyle","onScroll","getDefaultProps","getInitialState","_tabsMeasurements","_leftTabUnderline","Value","_widthTabUnderline","_containerWidth","componentDidMount","props","scrollValue","addListener","updateView","offset","position","Math","floor","value","pageOffset","tabCount","length","lastTabPosition","necessarilyMeasurementsCompleted","updateTabPanel","updateTabUnderline","isLastTab","_tabContainerMeasurements","_containerMeasurements","containerWidth","tabWidth","nextTabMeasurements","nextTabWidth","tabOffset","left","absolutePageOffset","newScrollX","rightBoundScroll","_scrollView","scrollTo","x","y","animated","lineLeft","lineRight","right","nextTabLeft","nextTabRight","newLineLeft","newLineRight","state","setValue","name","page","isTabActive","onPressHandler","onLayoutHandler","textColor","fontWeight","createElement","key","accessible","accessibilityLabel","accessibilityTraits","onPress","onLayout","styles","tab","color","measureTab","event","height","nativeEvent","layout","__getValue","render","tabUnderlineStyle","bottom","dynamicTabUnderline","container","onContainerLayout","ref","scrollView","horizontal","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","directionalLockEnabled","bounces","scrollsToTop","scrollEventThrottle","onTabContainerLayout","map","bind","componentDidUpdate","prevProps","JSON","stringify","setState","e","module","exports","create","alignItems","justifyContent","paddingLeft","paddingRight","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderColor","flexDirection"],"sourceRoot":"..\\..\\src","sources":["ScrollableTabBar.js"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/StaticContainer.js

@@ -0,0 +1,17 @@
+"use strict";
+
+const React = require('react');
+class StaticContainer extends React.Component {
+  shouldComponentUpdate(nextProps) {
+    return !!nextProps.shouldUpdate;
+  }
+  render() {
+    var child = this.props.children;
+    if (child === null || child === false) {
+      return null;
+    }
+    return React.Children.only(child);
+  }
+}
+module.exports = StaticContainer;
+//# sourceMappingURL=StaticContainer.js.map

package/lib/commonjs/StaticContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","require","StaticContainer","Component","shouldComponentUpdate","nextProps","shouldUpdate","render","child","props","children","Children","only","module","exports"],"sourceRoot":"..\\..\\src","sources":["StaticContainer.js"],"mappings":";;AAAA,MAAMA,KAAK,GAAGC,OAAO,CAAC,OAAO,CAAC;AAE9B,MAAMC,eAAe,SAASF,KAAK,CAACG,SAAS,CAAC;EAE5CC,qBAAqBA,CAACC,SAAiB,EAAW;IAChD,OAAO,CAAC,CAACA,SAAS,CAACC,YAAY;EACjC;EAEAC,MAAMA,CAAA,EAAkB;IACtB,IAAIC,KAAK,GAAG,IAAI,CAACC,KAAK,CAACC,QAAQ;IAC/B,IAAIF,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,EAAE;MACrC,OAAO,IAAI;IACb;IACA,OAAOR,KAAK,CAACW,QAAQ,CAACC,IAAI,CAACJ,KAAK,CAAC;EACnC;AAEF;AAEAK,MAAM,CAACC,OAAO,GAAGZ,eAAe","ignoreList":[]}