今天需要做一个包含滚动,上拉加载的界面,由于滚动区域包含一部分非上拉加载的模块,如下图所示
(请忽略我一会上拉一会下拉,统一视为上拉,懒得改图了。。。)
通过尝试多次,发现,ScrollView如果和FlatList嵌套的话需要注意:
- 两者嵌套后的关系
<View onStartShouldSetResponderCapture={() => {
this.setState({ enableScrollViewScroll: true });
}}>
<ScrollView scrollEnabled={this.state.enableScrollViewScroll}>
滚动区域
<View style={
{backgroundColor:'#eeeeee'}}>
...这一部分是不上拉加载但需滚动区域 ,即下图绿色区域
<View style={
{margin:8}}>
{ this.state.topics.length?this.renderFlatList():null}//这里请求到数据后通过函数自动生成需要上拉加载的部分模块,即下图黄色区域
</View>
</View>
<