У меня есть этот плоский список в render ():
render() {
return (
<FlatList
ref='listRef'
data={this.props.data}
renderItem={this.renderItem}
keyExtractor={(item, index) => index.toString()}
/>
)
}
Тогда внутри renderItem () у меня есть:
return (
<View style={{flex:1}}>
<ScrollView style={{flex:1}}>
{item.mascotas.map(function(d, index){
return (
<View key={index} style={{flex:1}}>
<Image source={require('./img/base-face-image.png')} style={styles.mascotas_list_item_img} />
<View style={styles.mascotas_list_item_details}>
<Text style={styles.mascotas_list_item_details_name}>{d.nombre}</Text>
</View>
</View>
)
})}
</ScrollView>
</View>
Как вы можете видеть, что родительское представление и его дочерние элементы имеют flex: 1, я также попытался добавить flex: 1 в FlatList, но не работает ни то, ни другое. Мне нужен скроллвью для прокрутки.