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

最新推荐文章于 2025-06-18 19:52:55 发布

一只想颠覆世界的蚂蚁

最新推荐文章于 2025-06-18 19:52:55 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_33023933/article/details/78402969

Android 同时被 2 个专栏收录

39 篇文章

订阅专栏

React Native

5 篇文章

订阅专栏

本文分享了一种解决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>
   );