React Native 中scrollview滑动不到底部的解决方案一

今天在做项目的时间遇到了一个问题:

我的底部菜单栏用的是react-native-scrollable-tab-view,上面用的是scrollview,android底部显示不全,ios正常:

如下图所示:


我的解决方案是:

在scrollview的内部子项目最后一项添加一个空的view设置一个高度:

   <ScrollView contentContainerStyle={styles.container} showsVerticalScrollIndicator={false} >
           <Touchable url={'tel:18585025253'} title={'电话热线:18585025253'} />
           <Touchable url={'mailto:674668211@qq.com'} title={'发送邮件:674668211@qq.com'} />
           <Touchable url={'http://www.baidu.com'} title={'打开http网页'} />
           <Touchable url={'https://www.baidu.com'} title={'打开https网页'} />
           <Touchable url={'smsto:18585025253'} title={'发送短信'} />

           <TouchableOpacity style={styles.quit}>
             <Text style={{color:'red'}}>退出</Text>
           </TouchableOpacity>
             <View style={{height:Platform.OS == 'ios' ? 0:30,}}></View>
          </ScrollView>

这样在android和ios上都能正常显示,出现的原因应该是

react-native-scrollable-tab-view的底部和上面的view之间的的布局出现了问题。


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值