第二个单位列表与第一个单位列表重叠

时间:2019-03-20 02:38:10

标签: react-native react-native-flatlist

我在function shadowIncludingParentElement(node) { if (node.parentElement) return node.parentElement; if (!node.parentNode) return null; if (node.parentNode.nodeType == Node.DOCUMENT_FRAGMENT_NODE) return node.parentNode.host; return null; } ... for (let node = this.parentElement; node; node = shadowIncludingParentElement(node)) { ... } 中编写了一个代码,其中我必须显示2个ScrollView组件:-

view

我希望将其与<ScrollView scrollEnabled={this.state.scrollEnable} ref={ref => this.scrollView = ref} onContentSizeChange={(contentWidth, contentHeight) => { this.scrollView.scrollToEnd({ animated: true }); }} > <View pointerEvents="none"> {this.state.TempView} </View> <View> {this.state.MainScrollView} </View> </ScrollView > 一起使用,所以我这样做是这样的:-

FlatList

但是第二个<FlatList scrollEnabled={this.state.scrollEnable} ref={ref => this.scrollView = ref} onContentSizeChange={(contentWidth, contentHeight) => { this.scrollView.scrollToEnd({ animated: true }); }} data={this.state.TempView} renderItem={({ item }) => ( <View>{item}</View> )} keyExtractor={(item, index) => index.toString()} /> <FlatList scrollEnabled={this.state.scrollEnable} ref={ref => this.scrollView = ref} onContentSizeChange={(contentWidth, contentHeight) => { this.scrollView.scrollToEnd({ animated: true }); }} data={this.state.MainScrollView} renderItem={({ item }) => ( <View>{item}</View> )} keyExtractor={(item, index) => index.toString()} /> 数据出现在第一个数据之上。... 导致两个FlatList的数据显示在同一屏幕上。 该怎么办?

1 个答案:

答案 0 :(得分:0)

好,我找到了... 我在ListHeaderComponent的{​​{1}}属性中设置了第一个FlatList的数据。结果代码为:-

FlatList