如何让嵌套在Modal下的FlatList（含TouchableWithoutFeedback）支持滚动？

问题根源在于你嵌套的TouchableWithoutFeedback组件——外层的这个组件会拦截所有触摸事件，包括FlatList滚动所需的手势操作，导致FlatList无法响应滚动。

修复步骤： #

1. 移除冗余的内层TouchableWithoutFeedback：你内容区域外层的空TouchableWithoutFeedback完全没必要，反而会干扰事件传递。
2. 调整遮罩层与内容区域的事件隔离：让外层TouchableWithoutFeedback仅作用于Modal的空白遮罩区域，点击空白处关闭Modal；内容区域单独处理，避免触摸事件被拦截。
3. 确保FlatList有足够的滚动空间：给FlatList的父容器设置flex:1，保证FlatList能占据可用高度。

修改后的Modal代码： #

<Modal
  statusBarTranslucent
  visible={isOpen}
  onDismiss={onRequestClose}
  onRequestClose={onRequestClose}
  animationType={animationPreset}>
  {/* 遮罩层：点击空白区域关闭Modal */}
  <TouchableWithoutFeedback onPressOut={onRequestClose}>
    <View style={{flex: 1, backgroundColor: 'rgba(0,0,0,0.5)'}}>
      {/* 内容容器：直接承载children，无需额外Touchable */}
      <View style={style.modalChildStyle}>
        {children}
      </View>
    </View>
  </TouchableWithoutFeedback>
</Modal>

修改后的FlatList代码： #

<View style={{flex: 1}}>
  <FlatList
    data={dataItems}
    scrollEnabled={true}
    keyExtractor={(item) => item.id}
    renderItem={({item}) => (<SomeComponent someComponentData={item} />)}
  />
</View>

补充说明： #

你之前尝试的onStartShouldSetResponder={() => true}无效，是因为外层TouchableWithoutFeedback的事件优先级更高，已经先捕获了触摸事件，子组件无法拿到事件控制权。而flex:1如果没有配合正确的布局层级，也无法解决事件拦截的核心问题。通过上述调整，既保留了点击空白关闭Modal的功能，又能让FlatList正常响应滚动手势。

内容的提问来源于stack exchange，提问作者Chinomnso Awazie