React native Can';t在同一个本地组件中不同时使用Scrollview和Flatlist

React native Can';t在同一个本地组件中不同时使用Scrollview和Flatlist,react-native,scrollview,react-native-flatlist,React Native,Scrollview,React Native Flatlist,我尝试使用Scrollview水平滚动一个映射数组,同时使用Flatlist垂直滚动另一个数组中的项目列表,但这两种方法的组合似乎不起作用 这不是在Scrollview中包装一个平面列表会导致一个众所周知的问题,我这里没有收到VirtualizedLists警告 以下是我在渲染部分的代码: return ( <View style={styles.screen}> <Scrollview style={styles.containerRow}>

我尝试使用Scrollview水平滚动一个映射数组,同时使用Flatlist垂直滚动另一个数组中的项目列表,但这两种方法的组合似乎不起作用

这不是在Scrollview中包装一个平面列表会导致一个众所周知的问题,我这里没有收到VirtualizedLists警告

以下是我在渲染部分的代码:

return (
    <View style={styles.screen}>
      <Scrollview style={styles.containerRow}>
        {selectedGenres.map((item) => {
          return (
            <TouchableOpacity
              onPress={() => {
                genreHandler(item.id, item.name);
              }}
              style={styles.containerRow}
              key={item.id}
            >
              <View style={styles.filterGenderLayout}>
                <Text style={styles.genderButton}>{item.name}</Text>
              </View>
            </TouchableOpacity>
          );
        })}
      </Scrollview>
      <View style={styles.container}>               
        <View style={styles.containerRow}>
          <FlatList
            numColumns={3}
            data={result}
            keyExtractor={(item) => item.id.toString()}
            onEndReached={loadMoreCommit}
            onEndReachedThreshold={0.5}
            renderItem={(itemData) => (
              <StarsItem
                id={itemData.item.id}
                poster={itemData.item.poster_path}
                title={itemData.item.title}
                onStarsSelection={fetchMovieHandler}
                showtitle={false}
              />
            )}
          />
        </View>        
      </View>
    </View>
返回(
{selectedGenres.map((项)=>{
返回(
{
genreHandler(item.id,item.name);
}}
style={style.containerRow}
key={item.id}
>
{item.name}
);
})}
item.id.toString()}
onEndReached={loadMoreCommit}
onEndReachedThreshold={0.5}
renderItem={(itemData)=>(
)}
/>
正如您所看到的,Scrollview和Flatlist没有嵌套,但是我得到了一个错误,即元素无效。如果我使用普通视图标记而不是Scrollview,除了我不能水平滚动我的第一个列表外,其他一切看起来都很好

有没有关于如何解决这个问题的建议


我尝试在这两个页面上使用Flatlist,但是我需要第一个页面水平滚动,第二个页面垂直滚动,numColumns={3}这意味着我得到了一个不同的错误。

你找到了解决方案吗?因为我想实现同样的目标。是的,我用另一个独立的平面列表替换了Scrollview。基本上现在我有两个平面列表包含在两个不同的视图中,第一个带有水平选项,第二个带有numColumns={3}。可在Android和iOs上运行。祝您好运@Carlbureiners“Scrollview”应该是“Scrollview”。你找到解决方案了吗?因为我想实现同样的目标。是的,我用另一个独立的平面列表替换了Scrollview。基本上现在我有两个平面列表,包含在两个不同的视图中,第一个带有水平选项,第二个带有numColumns={3}。在Android和iOs上都可以使用。祝你好运@Carlbureiners“Scrollview”应该是“滚动视图”。