React Native移除平面列表中的底部空间

Question

我不明白为什么我的FlatList在底部包含这样的空格：那是太空

有人能帮我把空位移走吗？我尝试了很多方法，但都不起作用。我也尝试过使用ScrollView，但出现了同样的问题。这是我的源代码：

<View
style={{
flex: 1,
backgroundColor: 'red',
justifyContent: 'center',
alignItems: 'center',
}}>
<FlatList
data={eventCategories}
initialNumToRender={5}
keyExtractor={item => item.id_event_category}
showsHorizontalScrollIndicator={false}
horizontal
renderItem={renderCategories}
/>
<View>
<Text>Halo</Text>
<Text>Halo</Text>
<Text>Halo</Text>
<Text>Halo</Text>
<Text>Halo</Text>
<Text>Halo</Text>
<Text>Halo</Text>
<Text>Halo</Text>
<Text>Halo</Text>
</View>
<View style={styles.button}>
<SmallButton
title="Urutkan"
icon="sort-active"
onPress={() => setVisibleSort(true)}
/>
</View>
</View>

asa

Answer 1

不知道为什么会出现这个问题，但临时解决方案是用一个不同的视图包装你的FlatList，没有样式，主容器应该保持原样。

<MainContainer>
<View>
<FlaList/>
</View>
</MainContainer>

Answer 2

从父视图中删除flex:1，或者为所有子视图提供适当的flex。