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

最新推荐文章于 2024-09-14 07:10:19 发布

原创最新推荐文章于 2024-09-14 07:10:19 发布 · 687 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#react native #react.js #javascript

文章讲述了在ReactNative的scrollable-tab-view库中，作者对代码进行了调整，将`this.scrollView.getNode().scrollTo`替换为`this.scrollView.scrollTo`，并针对iOS平台优化了滚动动画。

报错 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);
}
}
}