如何基于标签导航设置动态标题颜色

Question

我正在使用React Navigation v4。我将底部的标签导航器嵌套在堆栈导航器中，因为我希望标题和标签导航器不提供该选项。一切正常，除了我希望每个屏幕使用不同的标题背景颜色。目前，我将其设置为红色，但我希望对其进行动态设置。

所以基本上我有这个：

//tab navigator
const myTabNav = createBottomTabNavigator(
  {
    Home: {
      screen: HomeScreen,
    },
    Available: {
      screen: AvailableScreen,
    },
    History: {
      screen: HistoryScreen,
    },
  },
);

//stacknavigator
const myStackNav = createStackNavigator(
  {
    routeOne: {
      screen: MyTabNav
      navigationOptions: {
          headerStyle: {
            height: 180,
            backgroundColor: 'red',
          },
          headerTitleAlign: "center",
        };
      },
    },
  }
);

我试图在单独的屏幕中覆盖标题背景颜色，但这没有用，因为单独的标题不是直接子代（如果我理解正确的话）。

希望有人可以帮助我！谢谢！