设置基于道具的全局反应导航navigationOptions

Question

如何根据道具设置全局navigationOptions。我的颜色存储在一个主题对象中，该对象可通过上下文获得，并允许在明暗主题之间切换。

我喜欢这样做：

const RootStack = StackNavigator(
  {
    ...
  },
  {
    initialRouteName: 'Home',
    navigationOptions: (props) => {
      headerStyle: {
        backgroundColor: props.theme.background,
      },
    },
  }
);

然后可能会添加像

这样的主题

import myTheme from './theme'

const App = () => <RootStack theme={myTheme} />