如何在Modal组件中滚动FlatList？

Question

我的水平 FlatList 不会在模态中滚动。您可以在下面找到我的 FlatList 和 RenderItem 代码：

    <FlatList
        data={this.props.selectedGroupData.groupMembersList}
        renderItem={this.ilgiliKisiler}
        keyExtractor={item => item.uid}
        nestedScrollEnabled={true}
        horizontal={true}
        removeClippedSubviews={true}
        />

    </View>

和 renderItem 函数：

    ilgiliKisiler = ({ item }) => {
    console.log("on Related Users item => ", item);
    return (
      <TouchableOpacity style={{flex: 1}}>
        <View style={{ flexDirection: "row" }}>
          <View style={styles.relatedUsersContainer}>
            <View style={{ alignItems: "center" }}>
              <Image
                source={
                  item.avatar
                    ? { uri: item.avatar }
                    : require("../../assets/images/defaultAvatar.png")
                }
                style={styles.relatedUsersImage}
              />
            </View>
            <View style={{ flexDirection: "column" }}>
              <Text style={styles.relatedUsersText} numberOfLines={2}>
                {item.name}
              </Text>
            </View>
          </View>
        </View>
      </TouchableOpacity>
    );
  };

在写这篇文章之前，我找到了一些解决方案，例如style={{flex: 1}}. 当我尝试此解决方案时，我的 renderItem 没有出现。

Answer 1

使用propagateSwipeprops 实现平滑滚动<Modal>

<Modal propagateSwipe>...</Modal>

有关更多详细信息，react-native-modal 问题 #236