react-native-scrollable-tab-view 解决兼容问题

1.框架版本

2. 问题1

 requireNativeComponent: "RNCViewPager" was ton found in the UIManage

解决办法：

yarn add @react-native-community/viewpager
react-native link @react-native-community/viewpager

参考：github

3. 问题2

this.scrollView.getNode is not a function

解决办法：
打开 node_modules 下的 react-native-scrollable-tab-view 下的 index.js，把 this.scrollView.getNode().scrollTo 改为 this.scrollView.scrollTo

// 修改前
 if (Platform.OS === 'ios') {
      const offset = pageNumber * this.state.containerWidth;
      if (this.scrollView) {
        this.scrollView.getNode().scrollTo({x: offset, y: 0, animated: !this.props.scrollWithoutAnimation, });
      }
    } else {
      if (this.scrollView) {
        if (this.props.scrollWithoutAnimation) {
          this.scrollView.getNode().setPageWithoutAnimation(pageNumber);
        } else {
          this.scrollView.getNode().setPage(pageNumber);
        }
      }
    }
// 修改后
   if (Platform.OS === 'ios') {
      const offset = pageNumber * this.state.containerWidth;
      if (this.scrollView) {
        this.scrollView.scrollTo({x: offset, y: 0, animated: !this.props.scrollWithoutAnimation, });
      }
    } else {
      if (this.scrollView) {
        if (this.props.scrollWithoutAnimation) {
          this.scrollView.setPageWithoutAnimation(pageNumber);
        } else {
          this.scrollView.setPage(pageNumber);
        }
      }
    } 

参考：github

这篇好文章是转载于：学新通技术网