react-navigation：屏幕的名称可以与routeConfig中传递的名称不同吗？

Question

我有一种情况，我不希望在路由配置中传递给我的密钥呈现给用户：

const routes = {
    'tab/Search': Search,
    'tab/Scan': Scan,
    'tab/Me': Me
};

const Nav1 = createBottomTabNavigator(routes, ...);

const routes = {
    'stack/Camera': Camera,
    'stack/Home': Home,
    'stack/ItemDetails': ItemDetails,
    'stack/SearchItems': SearchItems
};

const Nav2 = createStackNavigator(routes, ...);

我需要使用这些键作为代码中屏幕的标识符，以便通过检查routeName.startsWith('tab/')来判断我们是来自堆栈导航器屏幕还是标签导航器屏幕。 是否可以在UI中更改显示名称？ 谢谢。

Answer 1

在您实际的屏幕组件中：

export class Search extends Component {
  static navigationOptions = {
    title: 'Search'
  }

  ...etc
}

您还可以在该对象tabBarLabel用于选项卡栏中的屏幕。