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

我正在使用NativeBase的List呈现数据。
我试图这样设置：

                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：

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

但是，这不符合我的预期，flexWrap没有做任何事情。一切都呈现为一行，而不是包装为网格。

最佳答案

这为我工作：

用视图包裹卡：

<View style={ styles.itemStyle} >
  <Card>
    <CardItem>
      .....
     </CardItem>
   </Card>
<View>

const styles = {
  itemStyle:
    width: 150,
    height: 100
}

关于javascript - ReactNative-NativeBase-列表显示为网格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42939105/