react native Scrollview在某些时候滚动无效

本文分享了一种解决React Native中ScrollView无法滚动的问题的方法,在ScrollView内部末尾添加一个空View即可实现滚动。此现象可能与组件高度计算有关。

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

                                                                react native Scrollview在某些时候滚动无效



今天在使用Scrollview的时候滚动没有效果,直接上代码:

   return(
<View style={{flex:1}}>
        <NavigatorHeader nav={this.props.nav} title="首页"></NavigatorHeader>
        <HomeCategory nav={this.props.nav} ClickCallback={this.props.ClickCallback}></HomeCategory>
     <ScrollView showsVerticalScrollIndicator={false}>
       <HomeSwiper nav={this.props.nav}/>
       <HomePictureTitleText textTittle1={'卫视热播'} navigatior={this.props.nav} parentCode={'0909112305914'}/>
       <HomePictureTitleText textTittle1={'热门精选'} navigatior={this.props.nav} parentCode={'0909112423500'}/>
       <HomePictureTitleText textTittle1={'猜你喜欢'} navigatior={this.props.nav} parentCode={'0909112654380'}/>
       <HomePictureTitleText textTittle1={'为我推荐'} navigatior={this.props.nav} parentCode={'0909112712867'}/>
       
   </ScrollView>
</View>
   );
怎么样都不能滚动。


后在scrollview中最后加入一个空的布局就能滚动了:

在此做个记录:

   return(
<View style={{flex:1}}>
        <NavigatorHeader nav={this.props.nav} title="首页"></NavigatorHeader>
        <HomeCategory nav={this.props.nav} ClickCallback={this.props.ClickCallback}></HomeCategory>
     <ScrollView showsVerticalScrollIndicator={false}>
       <HomeSwiper nav={this.props.nav}/>
       <HomePictureTitleText textTittle1={'卫视热播'} navigatior={this.props.nav} parentCode={'0909112305914'}/>
       <HomePictureTitleText textTittle1={'热门精选'} navigatior={this.props.nav} parentCode={'0909112423500'}/>
       <HomePictureTitleText textTittle1={'猜你喜欢'} navigatior={this.props.nav} parentCode={'0909112654380'}/>
       <HomePictureTitleText textTittle1={'为我推荐'} navigatior={this.props.nav} parentCode={'0909112712867'}/>
         <View style={{height:Platform.OS == 'ios' ? 0:30,}}></View>
   </ScrollView>
</View>
   );

做个问题具体的原因我现在也不清楚,有知道的麻烦告知一下。谢谢





评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值