小编Sur*_*hak的帖子

将“材料顶部标签导航器”放置在自定义位置

在反应导航中使用createMaterialTopTabNavigator,可以实现以下目的:

在此处输入图片说明

但是,我想将标签移动到页面标题栏下方和作业项目滑块轮播上方。我该如何实现?这是我的代码:

export const MaterialTabNavigation = createMaterialTopTabNavigator(
  {
    Home: {
      screen: HomeScreen,
      navigationOptions: {
        tabBarLabel: "Home"
      }
    },
    PopularJobs: {
      screen: PopularJobs,
      navigationOptions: {
        tabBarLabel: "Popular"
      }
    },
    Wishlist: {
      screen: Wishlist,
      navigationOptions: {
        tabBarLabel: "Wishlist"
      }
    }
  },
  {
    initialRouteName: 'Home',    
    tabBarOptions: {
      activeTintColor: primaryColor,
      inactiveTintColor: '#000000',
      upperCaseLabel: false,
      pressColor: '#efefef',
      tabBarPosition: 'top',
      indicatorStyle: {
        backgroundColor: primaryColor,
        height: 2,
      },
      labelStyle: {
        fontSize: 15,
      },
      tabStyle: {
        height: 32,
        marginHorizontal: 15,
      },
      style: {
        backgroundColor: '#ffffff',
        borderBottomWidth: 0,
        shadowColor: …
Run Code Online (Sandbox Code Playgroud)

android react-native react-navigation

6
推荐指数
1
解决办法
277
查看次数

标签 统计

android ×1

react-native ×1

react-navigation ×1