React native Can';t在同一个本地组件中不同时使用Scrollview和Flatlist
我尝试使用Scrollview水平滚动一个映射数组,同时使用Flatlist垂直滚动另一个数组中的项目列表,但这两种方法的组合似乎不起作用 这不是在Scrollview中包装一个平面列表会导致一个众所周知的问题,我这里没有收到VirtualizedLists警告 以下是我在渲染部分的代码: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}>
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”应该是“滚动视图”。