平面样式与水平道具

Question

当我将horizo​​ntal = {true}设置为FlatList时，flex：1对renderItem不起作用，这个问题的解决方案是什么？

<FlatList
horizontal={true}
data={this.state.users}
renderItem={({item}) =>
<View style={{flex:1,backgroundColor:'blue'}}><Text>hello</Text></View>
                 }
keyExtractor={item => item.email}
/>

Answer 1

要覆盖整个屏幕，您可以添加以下样式

import {Dimensions} from 'react-native'
const {width, height} = Dimensions.get('window)

...
<View style={{flex:1, width, backgroundColor:'blue'}}><Text>hello</Text></View>