代码之家 › 专栏 › 技术社区 › Brian

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

react-native-navigation react-navigation react-native

0

Brian · 技术社区 · 7 年前

我正在组装一个react原生应用程序,希望顶部有标签。我正在使用 createMaterialTopTabNavigator safeareaview 但似乎没有任何关于如何将其与外部选项卡父级相结合的信息。

谢谢

1 回复 | 直到 7 年前

1

5

Eduard 7 年前

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