在工程中package.json替换版本: "react-native-scrollable-tab-view": "git+https://github.com/compojoom/react-native-scrollable-tab-view.git#fixes_android", 替换之后可能会遇到如下报错:Invariant Violation: ViewPagerAndroid has been removed from React Native. It can now be installed and imported from ...
解决办法: 打开node_modules 下的 react-native-scrollable-tab-view 下的 index.js,把 this.scrollView.getNode().scrollTo 改为 this.scrollView.scrollTo // 修改前if(Platform.OS==='ios'){constoffset=pageNumber*this.state.containerWidth;if(this.scrollView){this.scrollView.getNode().scrollTo({x:of...
2.1、React Native 中使用 react-native-scrollable-tab-view 嵌套在 ScrollView 里,不显示子内容,即只有 tab 标题栏,没有对应的子内容区域 使用的原因:因为需要 tab 切换啊 三、原因分析:因为当前代码如下,ScrollView 标签包含着 ScrollableTabView 标签 3.1、主要内容如下 <ScrollView style={styles.cont_right_scro...
react-native-scrollable-tab-view 安卓偶尔会出现内容框不显示,只显示tabbar的bug. 目前我的解决方法是: 1.第一种方法:外层加一个view,给view宽高. 这种方法有时候是没效果的. 2.第二种方法: constructor(props) { super(props); this.state = { delayShow:false } } componentDidMount() { //增加一个...
react-native-scrollable-tab-view标签导航组件可实现点击切换,每个tab可以有自己的ScrollView,点击切换的时候可以维护自己的滚动方向。 二、使用react-native-scrollable-tab-view插件 1、通过npm将插件加入项目 npm install--save react-native-scrollable-tab-view ...
"react-native-scrollable-tab-view":"^0.10.0",//0.7.0版本使用的是react的低版本(带proptypes属性的版本)会报错,后来升级到0.10.0就没问题了 "react-native-tab-navigator":"^0.3.4",//0.3.3版本使用的是react的低版本(带proptypes属性的版本)
尝试以下方法：componentDidMount() { setTimeout(() => this.scrollableTabView.goToPage(1), ...
React Native中使用 react-native-scrollable-tab-view嵌套在ScrollView里,导致 子内容 在安卓上无法显示 问题: 0.9.0 或 0.8.0 版本的react-native-scrollable-tab-view如果外层使用了一个ScrollView,在Android端上是无法显示的,iOS上显示无问题。 类似代码如下: ...
幸运的是，解决这个问题的方法相对简单且直接。关键在于去除外部的`ScrollView`标签。这意味着，如果我们的目标是让`react-native-scrollable-tab-view`组件能够正确显示其内部的子内容，我们只需将`ScrollView`从层级结构中移除，将`ScrollableTabView`直接放置在其应有的位置。通过这样的调整，`react-native...