RN ScrollView滑动不到底部问题

工作中遇到RN ScrollView滑动不到底部的问题,尝试flex:1方案未解决。先怀疑是RN版本问题,经测试锁定在自身修改的代码上。分析ScrollView高度由控件决定,View由LayoutParams决定,排查Height计算和addView操作,修改后解决问题。

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

在这里插入图片描述

先怀疑是RN版本问题:(根据创建不一样的rn项目demo来进行测试,和项目一致的版本来测试,最终问题锁定在我们自己修改的代码上。)

react-native init projectname 创建RN项目,里面会有android/ios的工程

react-native init projectname --verbose --version 0.41.0 指定RN版本创建

react-native run-android 直接把RN Android项目运行到手机,并且会连接到RN代码

RN入口代码修改 - 新RN版本: App.js / 旧版本: index.android.js

最近工作中遇到一个前人留的坑,网上找了下,发现很多人都有遇到RN ScrollView滑动不到底部的问题,但是什么flex:1的方案,尝试过后发现问题依旧。

那么我们如何定位这个问题?
首先ScrollView的话,它的高度也是由我们控件的高度决定的。
那么我们的View是由我们addView进去的ViewGroup.LayoutParams决定。

那么找到我们的代码:
Height的计算:ScreenHeight(屏幕高度,记得考虑刘海屏的情况) - (虚拟导航栏高度[如果存在]) - (我们的titleBar高度) - (状态栏高度)
我们的Height计算有误,进行修改后,依旧有问题。
仔细看了下,在addView上也有问题,改为:

mViewGroup.addView(mReactView, ViewGroup.LayoutParams.MATCH_PARENT, vHeight); //vHeight为我们计算出来的区域高度

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值