react-native - React Native - 切换两个值

Question

我正在尝试查看是否可以在导航器的两个值之间切换:
这有效:

function getHeaderTitle(route) {
  const routeName = route.state
    ? route.state.routes[route.state.index].name
    : route.params?.screen || 'The Market';

  switch (routeName) {
    case 'Stands':
      return 'The Market';
    case 'Map':
      return 'How to find the Market';
    case 'Favorites':
      return 'Favorites';
    case 'Info':
      return 'Info about the Market';
  }

  return routeName;
}

我需要执行的地方:

getHeaderTitle(route) // works

我想添加一个值(颜色)以避免为它创建第二个值:

function getHeaderTitle(route) {
  const routeName = route.state
    ? route.state.routes[route.state.index].name
    : route.params?.screen || 'The Market';

  let color;

  switch ((routeName, color)) {
    case 'Stands':
      return 'The Market', (color = Colors.MarketColor);
    case 'Map':
      return 'How to find the Market', (color = Colors.MapColor);
    case 'Favorites':
      return 'Favorites', (color = Colors.FavColor);
    case 'Info':
      return 'Info about the Market', (color = Colors.InfoColor);
  }
  return routeName, color;
}

但它不起作用。
任何的想法？
谢谢

Answer 1

由于您对每条路线都有特定的颜色，因此您可以将其设置为对象并从 switch 返回。并且 switch 不支持多个变量。您将不得不使用 if else。而不是返回外面，您可以使用带有默认颜色的默认情况返回。

function getHeaderTitle(route) {
  const routeName = route.state
    ? route.state.routes[route.state.index].name
    : route.params ?.screen || 'The Market';

  switch (routeName) {
    case 'Stands':
      return { route: 'The Market', color: Colors.MarketColor };
    case 'Map':
      return { route: 'How to find the Market', color: Colors.MapColor };
    case 'Favorites':
      return { route: 'Favorites', color: Colors.FavColor };
    case 'Info':
      return { route: 'Info about the Market', color: Colors.InfoColor };
    default:
      return { route: routeName, color: 'default color' };
  }

}