react-native FlatList 上拉时动态更新高度

Question

问题描述

react-native上拉flatlist时自动更新flatlist的高度， 实现整个页面上滑

问题出现的环境背景及自己尝试过哪些方法

开发app时，能够正常使用flatList, 需求是flatlist上拉后能够自动更新flatlist高度， 实现
页面同步上滑直至flatList占据全屏, 下拉时更新高度直到flatList最初固定的位置
查了react-native的文档，都没有提到怎么实现， 小程序里面有onReachBottom监听整个页面， rn的flatList有没有类似的实现方法呢？

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

    <View style={{ flex: 1 }}>
        <StatusBar translucent={true} backgroundColor='#00000000' />
        <View>
            ...... some thing here....
        </View>
        
        <View>
            <FlatList
                data={jobList}
                onEndReached={jobListOnEndReached}
                onEndReachedThreshold={0.1}
                renderItem={renderJobList}
                height={pxToDp(100)}
                onScrollBeginDrag={() => setScroll(true)}
           />
        </View>
   </View>

你期待的结果是什么？实际看到的错误信息又是什么？

希望能够和途中显示一样， 上拉flatList时将整个页面上拉直至flatList占满全面， 下拉时先下拉flatList中内容, 内容到顶时再将页面下拉直至恢复到原来位置， 初学rn不太清楚怎么实现这个功能

Answer 1

请问这个问题有解决吗？或者有替代方案吗，我找到了这片资料，可以查看下：https://www.jianshu.com/p/9d6...