Question

我在滚动视图中有3个平面列表； x2水平（在组件中，另一垂直）；

return (

    <ScrollView>
      <View style={styles.body}>
        <Text style={styles.titlesnopadding}>Watch</Text>
        <View style={{height:200}}>
         <Watch/>
        </View>
        <Text style={styles.titles}>Match reports</Text>
        <View style={{height:100}}>
        <MatchReports typeOfProfile='Men'/>
        </View>
      <Text style={styles.titles}>Latest News</Text>
      {isLoading ? <ActivityIndicator/> : (
        <FlatList
          data={data}
          keyExtractor={({ id }, index) => id}
          renderItem={({ item }) => (
          <View>
            <Image style={styles.img} source={{ uri: chkValue(item.jetpack_featured_media_url) }} />
            <View>
                <Text style={styles.textbck}>{item.title.rendered.replace(/<\/?[^>]+(>|$)/g, "")}</Text>
                <Text style={styles.summary}>{item.excerpt.rendered.replace(/<\/?[^>]+(>|$)/g, "")}{"\n"}{Moment(item.date, "YYYYMMDD").fromNow()}</Text>
          </View>
          </View>
          )}
        />
      )}
    </View>
    </ScrollView>
  );
};

我不断收到警告；

VirtualizedLists绝对不能嵌套在带有以下内容的纯ScrollView中相同方向-使用另一个由VirtualizedList支持的容器代替。

我到处搜索，只能找到示例，示例代码已将项目放置在固定的页眉/页脚场景中，但是我希望用户能够水平滚动相关的平面列表，但是如果它们随后垂直滚动，则可以滚动所有内容（显示页脚导航选项卡的效果很好）。

除了滚动视图外，我还能使用什么？

滚动视图中的水平和垂直嵌套平面列表

0 个答案: