栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

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

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

1.框架版本
reac-native0.66.0
jdk1.8
react-native-scrollable-tab-view1.0.0
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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/988286.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号