时间戳

首页 > 解决方案 > 在 react native 中使用 FlatList 时如何滚动？

react-native - 在 react native 中使用 FlatList 时如何滚动？

问题描述

我有一个要在卡片中显示的列表。卡少的时候就好了。但是随着卡片的增加，屏幕不​​会滚动。所以底部的卡片是不可见的。

这是我的代码：

render () {
return (
    <Block style={{ marginHorizontal: -5 }}>

            <Card>

                <FlatList
                    style={{ paddingBottom: 20, marginHorizontal: -16 }}
                    data={this.state.users}
                    renderItem={({ item }) => (

                        <Card
                            containerStyle={{ paddingVertical: 10, marginBottom: -10, paddingLeft: 20, paddingRight: 20, backgroundColor: 'rgb(230,239,243)', borderBottomWidth: 1, borderBottomColor: 'grey', marginHorizontal: -10 }}

                        >

                            <Text preset="bold">{item.firstName}</Text>

                        </Card>

                    )}
                />



            </Card>

    </Block>
)
}

}

如何滚动此代码的输出？我在堆栈溢出中阅读了很多答案，但找不到解决方案。

标签： react-native

解决方案

Flatlist 不应该有一个容器，可能会将其更改为或其他东西

推荐阅读