Question

当我将Flat = {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>

Answer 2

在我看来就像您忘记在renderItem函数中添加return语句一样。

renderItem = {（{item}）=> return（你好）

带有水平道具的平面样式

2 个答案: