react-native - Flatlist 在 TouchableWithoutFeedback 中不起作用

Question

我有一个关闭键盘的组件。然后我用这个组件包裹我的整个组件，这样每当我在 TextInput 外部点击时，键盘就会消失。但问题是，在我的其他组件中，我有一个 Flatlist，它根本不使用 TouchableWithoutFeedback 滚动。任何建议将不胜感激，因为我几个小时都没有找到解决方案!谢谢!

export const DismissKeyboard: React.FC<{
    isKeyboardOpen?: boolean
    style?: ViewStyle
}> = ({ children, style }) => (
    <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
        <View style={style}>{children}</View>
    </TouchableWithoutFeedback>
)

<DissmissKeyboard>
<FlatList 
...flatlist data
 />
</DissmissKeyboard>

Answer 1

将 FlatList renderItem 组件包装到 TouchableWithoutFeedback 或 TouchableOpacity 中