如何在不影响 React Native 底部标签的情况下添加边距或 space？

Question

我正在使用 React 导航底部选项卡并自定义了它们。我遇到的一个问题是，我有一个平面列表，由于底部的选项卡，它隐藏在列表的边缘。我试图添加边距底部但是，因为我有圆形标签，它会阻止圆形标签.. when I add margin bottom it goes like this

（扁平列表有 flex:1 顺便说一下）

我该怎么办？

current situation.. 我希望我的列表完整显示

Answer 1

只需在 FlatList 的 containerStyle 属性中添加 marginBottom 即可根据您的要求管理边距。

例如

<FlatList
    data={data}
    renderItem={renderItemHandler}
    style={{
      flex: 1
    }}
    contentContainerStyle={{
      marginBottom: 20
    }}
/>

如何在不影响 React Native 底部标签的情况下添加边距或 space？

how to add margin or space without disturbing bottom tabs on react native?

react-native

react-navigation

flatlist

bottomtabs