Я пытаюсь использовать flexGrow с FlatList, но он не работает, как работает с ListView. Элементы отображаются со значением minWidth, даже если на экране есть место. Образец кода :
class ProductListScreen extends Component {
render () {
return (<FlatList
contentContainerStyle={styles.list}
showsVerticalScrollIndicator={false}
data={[{key: 'a'}, {key: 'b'},{key: 'c'},{key: 'd'}, {key: 'e'},{key: 'f'},{key: 'g'}, {key: 'h'},{key: 'i'},{key: 'j'}]}
renderItem={this.renderItem}
/>);
renderItem({ item, index }) {
return <View style={{
flexGrow: 1,
margin: 5,
minWidth: 154,
maxWidth: 223,
height: 304,
maxHeight:304,
backgroundColor: '#CCC',
}}/>;
}
}
var styles = StyleSheet.create({
list: {
justifyContent: 'center',
flexDirection: 'row',
flexWrap: 'wrap'
})
flexWrap: 'wrap'
не поддерживается новыми компонентами списка. пожалуйста, проверьте stackoverflow.com/questions /45526443/ - person PeaceDefener   schedule 16.08.2017