React native 反应本机平面列表列

基本上，我的平面列表分为两列。但如果项目数量为奇数，则最后一行将被拉伸

这是我的平面列表编码

export default class Cluster1 extends Component{
render(){
    const getClusterByName = (name) => 
Cluster.find(cluster => cluster.hasOwnProperty(name))[name]
    return(
        <ScrollView>
        <FlatList
        numColumns= {2}
        data={getClusterByName('cluster1')}
        renderItem={({item,index})=>{
            return(
                <FlatListItem  item={item} index={index}>

                </FlatListItem>);
        }}
        >
        </FlatList>
        </ScrollView>
    );
}

这将是输出，因为您可以看到“f”是拉伸的。我希望它的宽度相同

---

从

样式中删除
flex:1
。列出
，因为这会导致它占据整个宽度

如果你想让它们占据一半的宽度，那么你可以将其更改为
flex:0.5
，或者将
width
样式更改为
Dimensions.get（'window'）。width/2
从
样式中删除
flex:1
。列出
，因为这会导致它占据整个宽度

如果您想让它们占据一半的宽度，那么可以将其更改为
flex:0.5
，或者将
width
样式更改为
Dimensions.get（'window'）.width/2
将
renderItem的宽度设置为
Dimensions.get（'window'）.width/2

使用以下命令：

    borderRadius: 4,
    borderWidth: 0.5,
    width: (Dimensions.get('window').width - 4 * 10) / 2,
    padding:20,
    backgroundColor: 'ghostwhite',
    alignItems: 'center',
    justifyContent: 'center',
    margin: 2,

将
renderItem的宽度设置为
Dimensions.get（'window'）。宽度/2

使用以下命令：

    borderRadius: 4,
    borderWidth: 0.5,
    width: (Dimensions.get('window').width - 4 * 10) / 2,
    padding:20,
    backgroundColor: 'ghostwhite',
    alignItems: 'center',
    justifyContent: 'center',
    margin: 2,

添加你的
样式。列出
code哦，是的，我忘了我的坏添加你的
样式。列出
code哦，是的，我忘了我的坏
    borderRadius: 4,
    borderWidth: 0.5,
    width: (Dimensions.get('window').width - 4 * 10) / 2,
    padding:20,
    backgroundColor: 'ghostwhite',
    alignItems: 'center',
    justifyContent: 'center',
    margin: 2,