Question

我正在组装一个本机应用程序，并希望顶部有标签。我在标签上使用了createMaterialTopTabNavigator，效果很好。但是，当我在最新的iPhone模拟器上运行该应用程序时，选项卡会渗入传感器栏。在尝试解决此问题时，人们建议使用safeareaview，但似乎没有关于如何将其与外部制表符父级结合的信息。

我会非常感谢你们能提供的任何帮助。谢谢

Answer 1

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);

如何在安全区域中获取物料标签

1 个答案: