Javascript ReactNative-NativeBase-列表显示为网格

我正在使用从NativeBase渲染数据。 我尝试过这样设置：

                body = <List
                    dataArray={data}
                    renderRow={(rowData) =>
                        <Person
                            key={rowData.ID}
                            searchText={searchText}
                            person={rowData}
                            onSelect={this.onSelect}
                        />}
                    onEndReached={this.onEndReached}
                    onEndReachedThreshold={10}
                    contentContainerStyle={{
                        flex: 1,
                        justifyContent: 'center',
                        flexDirection: 'row',
                        flexWrap: 'wrap',
                        alignItems: 'flex-start'}}
                />

只需在网格中显示人员。此人仅是来自NativeBase的卡片：

<Card style={{width: deviceWidth>320 ? 320 : deviceWidth,flexGrow: 1}}>
             ...
            </Card>

然而，这并没有像我预期的那样起作用，flexWrap也没有做任何事情。所有内容都在一行中渲染，而不是包装到网格中。

这对我来说很有效：

用视图包装卡片：

..... 常量样式={ 项目样式： 宽度：150， 身高：100 }