React Native 删除 Flatlist 中的底部空间

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>

作为一个

Answer 1

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

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