React Native中的BottomNavigation

Question

我在我的本机项目中创建一个底部导航。但是在Iphone10中看起来并不好。 它在底部显示了额外的空间。请帮助我解决此问题。 这是我尝试过的代码。

  import BottomNavigation,{FullTab} from 'react-native-material-bottom-navigation' 

      <BottomNavigation
          onTabPress={newTab => this.clickoftab(newTab.key)}
          renderTab={this.renderTab}
          tabs={this.tabs}
        />

我的渲染选项卡部分是这个

        renderTab = ({ tab, isActive }) => {
         return (
          <FullTab
          style={{padding:0,margin:0}}
          key={tab.key}
          isActive={isActive}
          label={tab.label}
          renderIcon={this.renderIcon(tab.icon)} 
          />
       )
     }            

这是我要在底部导航中更改的输出

Answer 1

取决于体系结构应用程序，如果您喜欢在注释中说，如果使用SafeAreaView，我想在BottomNavigation的同一level处创建SafeAreaView 。我的意思是（抱歉，我的英文），我想您的{父亲文件}中有SafeAreaView像App.js。因此，您可以同时从那里管理BottomNavigation。因此，您可以将SafeAreaView放在BottomNavigation的内部，使BottomNavigation成为您应用程序之父。我不知道我的解释是否很好。结论可能是

  

仅将SafeArea应用于导航内的内容，而不是   完整的应用程序。