如果我想做一个布局这种体裁你会怎么做!?
我试过平面列表numColumns={3}
columnWrapperStyle={{ flex: 1/3, justifyContent: 'space-between' }}
但最后两个总是一个在右边,一个在左边...列表可以根据情况以1项,2项或3项结束。
import React from 'react'
import {FlatList, View} from 'react-native'
const Item = () =>{
return <View style={{flex:1, width:50, height:50, backgroundColor:'white'}}/>
}
const exemple = () =>{
const array = [{a:1},{a:2},{a:3},{a:4},{a:5},{a:6},{a:7},{a:8}]
return
<View style={{flex:1}}>
<FlatList
data={array}
renderItem={({ item, index }) => {
return (
<Item />
)
}}
numColumns={3}
columnWrapperStyle={{ flex: 1/3, justifyContent: 'space-between'}}
/>
</View>
}
//result:
/*
O O O
O O O
O O
and i want:
O O O
O O O
O O
-- or --
O O O
O O O
O
-- or --
O O O
O O O
O O O
*/
2条答案
按热度按时间62lalag41#
试试这个代码
ilmyapht2#
这帮助我,但我需要一些修改...
谢谢你的帮助!如果有其他的解决办法,我请你把他们放在这里,以帮助更多的人喜欢你帮助我!