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

package/lib/module/ScrollableTabBar.js

@@ -0,0 +1,256 @@
+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/module/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/module/StaticContainer.js

@@ -0,0 +1,15 @@
+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/module/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":[]}