出现俩个顶部导航

来源：7-5 标签导航器

浩小孩

2021-12-08

老师你好，用你之前代码来修改顶部导航的文字是无法修改的

 const routeName = route.state? route.state.routes[route.state.index].name: route.params?.screen || 'Home';

然后我使用了另外一个方法可以实现，然后出现了俩个顶部导航，按你之前的代码也会出现俩个顶部导航
图片描述

写回答

3回答

weixin_慕桂英0211932

2022-11-18

两个方法：第一个是隐藏BottomTabs的导航栏 //img.mukewang.com/szimg/63770c220968010c07450317.jpg

第二个： //img.mukewang.com/szimg/63770c7e0941c98e12540066.jpg

第一个是隐藏BottomTabs的导航栏给每个item都加上

Mr_Find

2022-06-06

import { getFocusedRouteNameFromRoute } from '@react-navigation/native';

function getHeaderTitle(route: Route) {
  const routeName = getFocusedRouteNameFromRoute(route) ?? 'Home';
  switch (routeName) {
    case 'Home':
      return '首页';
    case 'Listen':
      return '我听';
    case 'Found':
      return '发现';
    case 'Account':
      return '我的';
    default:
      return '首页';
  }
}

<Tab.Navigator
        screenOptions={{tabBarActiveTintColor: '#f86442', headerShown: false}}>