为什么OnPress组件不能在有列的平面列表上工作?只对组件的第一列有效

Question

我已经尝试了可按压的和可触摸的，与onPress和onPressOut和onPress只激活元素在第一列，如在索引0,2,5等。

<FlatList
scrollEnabled={false}
data={photos}
numColumns={3}
keyExtractor={(item, index) => index.toString()}
renderItem={({item, index}) => {
return (
<Pressable
onPressOut={() => {
console.log(index);
}}
onPress={() => console.log(index)}>
<Image
resizeMode="cover"
source={{uri: item.image}}
style={{
height: imageSize,
width: imageSize - 6,
margin: 3,
}}
/>
<ButtonIconSimple
icon="video-outline"
size={25}
color={globalColors.WHITE}
subStylesButton={{
position: 'absolute',
top: 5,
right: 5,
}}
/>
<ButtonIconSimple
icon="star-outline"
size={25}
color={globalColors.WHITE}
subStylesButton={{
position: 'absolute',
top: 5,
right: 30,
}}
/>
</Pressable>
);
}}
/>

Answer 1

尝试将style={{flex: 1}}添加到可压容器中。如果仍然出错，请尝试使用touchableacity。