RN ScrollView滑动不到底部问题

墨蓝 2022-02-04 07:09 447阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9yZW55dWdhbmcuYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70]

先怀疑是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为我们计算出来的区域高度

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9yZW55dWdhbmcuYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70]: /images/20220204/2754724a2e894d4c836743c8826de372.png

发表评论取消回复

表情：

评论列表（有 0 条评论，447人围观）

还没有评论，来说两句吧...

相关阅读

相关 RN-ScrollView

有一个需求是一个列表可以左右滑动，可以使用 swiper，也可以使用 ScrollView 使用 ScrollView 1、横向滑动，需要设置 horizo

电玩女神/ 2023年02月18日 10:52/ 0 赞/ 22 阅读

相关 react native的ScrollView滑动到指定位置

<ScrollView horizontal showsHorizontalScrollIndicato

阳光穿透心脏的1/2处/ 2022年12月24日 05:56/ 0 赞/ 137 阅读

相关 android使用ScrollView的页面滑动不流畅

这个是原先的ScrollView滑动不流畅的布局 <ScrollView android:id="@+id/weather_layout"

r囧r小猫/ 2022年09月12日 06:48/ 0 赞/ 331 阅读

相关 HarmonyOS ScrollView 不滑动的问题

HarmonyOS ScrollView 本来就是看看文档,然后想着写一下看看, 结果泪崩了,弄了2个小时啊,阿西吧, 就是不滑动,最后睡觉前把宽高的属性设置了以下就好了

喜欢ヅ旅行/ 2022年09月05日 04:10/ 0 赞/ 256 阅读

相关 ScrollView、viewPage滑动冲突

1.冲突原因：触控事件被父控件(ScrollView)捕获,导致ViewPage不可滑动或滑动不灵敏。 2.解决思路：触控时子控件(ViewPage)先强制捕获该事件，然后根

红太狼/ 2022年08月23日 04:49/ 0 赞/ 255 阅读

相关 ScrollView隐藏滑动条

在java代码中： scrollView.showsVerticalScrollIndicator = FALSE;//禁止竖向滑动条显示 scrollVie

逃离我推掉我的手/ 2022年06月08日 02:26/ 0 赞/ 294 阅读

相关 ScrollView嵌套RecyclerView滑动冲突相关问题

> 最近实际应用中遇到了滑动冲突的相关问题，在解决过程中，有些需要注意的问题，特别记录一下。一、应用场景在解决具体问题之前，先介绍下实际应用场景及问题状况。 !

青旅半醒/ 2022年05月29日 01:14/ 0 赞/ 369 阅读

相关 RN ScrollView滑动不到底部问题

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9yZW55dWdhbmcuY

墨蓝/ 2022年02月04日 07:09/ 0 赞/ 448 阅读

相关 rn 底部导航栏

(1)安装 yarn add @react-navigation/native yarn add react-native-gesture-hand

秒速五厘米/ 2021年07月24日 23:57/ 0 赞/ 714 阅读

相关 rn 底部导航

(1)安装 yarn add @react-navigation/native yarn add react-native-gesture-hand

向右看齐/ 2021年07月24日 19:46/ 0 赞/ 540 阅读