Flex Grow не работает с FlatList в React Native

Я пытаюсь использовать 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'
      })

person nishant1000    schedule 12.05.2017    source источник
comment
Это происходит только для ios. Работает нормально для андроида.   -  person nishant1000    schedule 12.05.2017
comment
flexWrap: 'wrap' не поддерживается новыми компонентами списка. пожалуйста, проверьте stackoverflow.com/questions /45526443/   -  person PeaceDefener    schedule 16.08.2017