React native 如何在安全区域获取材质标签

我正在组装一个react原生应用程序，希望顶部有标签。我使用的标签，这是很好的工作。然而，当我在最新的iPhone模拟器上运行该应用程序时，标签会渗入传感器条。在试图解决这个问题时，人们建议使用，但似乎没有任何关于如何将其与外部选项卡父项相结合的信息

如果你们能提供任何帮助，我将不胜感激。 谢谢

从“React”导入React；
从“反应导航”导入{createMaterialTopTabNavigator，SafeAreaView，MaterialTopTabBar}；
const safeareamaterialoptabar=（{…props}）=>(
);
常量选项={
tabBarComponent:props=>（），
};
const RentalsTopTabNavigator=createMaterialTopTabNavigator({
[路线.路线1]：{
屏幕：屏幕1，
导航选项：{
标题：“表1”，
},
},
[路线.路线2]：{
屏幕：屏幕2，
导航选项：{
标题：“表2”，
},
},
}，选项）；

需要注意的是，现在应该从模块

react导航选项卡导入
createMaterialTopTabNavigator
和
MaterialTopTabBar
import React from 'react';
import { createMaterialTopTabNavigator, SafeAreaView, MaterialTopTabBar } from 'react-navigation';

const SafeAreaMaterialTopTabBar = ({ ...props }) => (
  <SafeAreaView>
    <MaterialTopTabBar {...props} />
  </SafeAreaView>
);

const options = {
  tabBarComponent: props => (<SafeAreaMaterialTopTabBar {...props} />),
};

const RentalsTopTabNavigator = createMaterialTopTabNavigator({
  [Routes.ROUTE_1]: {
    screen: Screen1,
    navigationOptions: {
      title: 'Tab1',
    },
  },
  [Routes.ROUTE_2]: {
    screen: Screen2,
    navigationOptions: {
      title: 'Tab 2',
    },
  },
}, options);