React native 如何在模态组件中滚动平面列表？

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

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

    </View>

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

    </View>

item.uid}
nestedScrollEnabled={true}
水平={true}
RemoveClippedSubview={true}
/>

和renderItem函数：

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

    </View>

    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>
    );
  };

ilgiliKisiler=（{item}）=>{
log（“在相关用户项上=>”，项）；
返回(
{item.name}
);
};

---

在这篇文章之前，我找到了一些解决方案，比如

style={{{flex:1}

。当我尝试使用此解决方案时，我的renderItem没有出现。

很抱歉将此作为答案发布，但我无法发表评论，因为我的声誉很低。如果这个答案对你不起作用，我会删除它

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

    </View>

您是否尝试过在平面列表上使用

contentContainerStyle

，如下所示：

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

    </View>

contentContainerStyle={{ flexGrow: 1 }}

---

你可以在这个链接上阅读更多关于

contentContainerStyle

，

很抱歉将此作为一个答案，但我不能发表评论，因为我的声誉很低。如果这个答案对你不起作用，我会删除它

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

    </View>

您是否尝试过在平面列表上使用

contentContainerStyle

，如下所示：

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

    </View>

contentContainerStyle={{ flexGrow: 1 }}

---

您可以通过此链接阅读有关

contentContainerStyle

的更多信息：

使用

propagateSwipe

道具平滑滚动

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

    </View>

。。。

---

有关更多详细信息，请使用

滑动
道具在

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

    </View>

。。。

有关详细信息，请参见
对不起，这不是正确答案。在
组件中使用
样式：{{{flex:1}}
并不重要。但是，谢谢你的努力和回复。我找到了正确的答案并贴在下面。对不起，这不是一个正确的答案。在
组件中使用
样式：{{{flex:1}}
并不重要。但是，谢谢你的努力和回复。我找到了正确答案并贴在下面。
    <FlatList
        data={this.props.selectedGroupData.groupMembersList}
        renderItem={this.ilgiliKisiler}
        keyExtractor={item => item.uid}
        nestedScrollEnabled={true}
        horizontal={true}
        removeClippedSubviews={true}
        />

    </View>