相关疑难解决方法(0)

React Native FlatList with columns,Last item width

我正在使用FlatList来显示两列中的项目列表

<FlatList style={{margin:5}}
  data={this.state.items}
  numColumns={2}
  keyExtractor={(item, index) => item.id }
  renderItem={(item) => <Card image={item.item.gallery_image_url} text={item.item.name}/> }
/>
Run Code Online (Sandbox Code Playgroud)

卡组件只是一个具有一些样式的视图:

<View style={{ flex: 1, margin: 5, backgroundColor: '#ddd', height: 130}} ></View>
Run Code Online (Sandbox Code Playgroud)

它工作正常,但如果项目数是奇数,则最后一行只包含一个项目,该项目会延伸到屏幕的整个宽度.

如何将项目设置为与其他项目相同的宽度?

在此输入图像描述

react-native react-native-flatlist

57
推荐指数
6
解决办法
4万
查看次数