使用了ScrollableTabView后页面底部显示不完全

#1

#react-native-scrollable-tab-view

在使用 react-native-scrollable-tab-view 时碰到一个很奇怪的bug,每次页面底部的内容始终会显示不完全,不用 react-native-scrollable-tab-view 只用 NavigatorIOS 则一切正常

index.ios.js部分代码如下:


ScrollableTabView 页面代码如下:

 }
		sceneContainerStyle = {styles.scence}
		edgeHitWidth = {99} 
		scrollsToTop={false}>

		
		
	  

Navigator有一个属性translucent={false},加上去之后,ScrollableTabView 会存在底部无法显示完全的问题:

若改为translucent={true},底部虽然可以完全显示,但是顶部的TabBar则又会消失:


我用的组件是react-native-scrollable-tab-view
有没有人遇到同样的bug,该如何解决?

1 Like
#2

这个组件不错~

尝试一下

希望lz早日解决

#3

坐标位置问题
iOS的VC会因为你添加导航栏 Nav做自动调整
translucent={true} View从顶部开始
translucent={false} View会整体下移64像素 导航栏下方为起点

#4

在父容器的样式里添加marginBottom合适值