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

最新推荐文章于 2024-12-22 10:53:18 发布

小妖怪的夏天

最新推荐文章于 2024-12-22 10:53:18 发布

阅读量623

点赞数 8

CC 4.0 BY-SA版权

文章标签： react native react.js javascript

本文链接：https://blog.youkuaiyun.com/ln1010/article/details/135910908

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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