我在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
的数据显示在同一屏幕上。
该怎么办?
答案 0 :(得分:0)
好,我找到了...
我在ListHeaderComponent
的{{1}}属性中设置了第一个FlatList的数据。结果代码为:-
FlatList