如何在React Native中更改导航标题的颜色？

Question

如何在React Native应用程序中更改导航标题的颜色？

我尝试初始化背景色，但是没有用。

以下是我的代码段navigationOptions：

static navigationOptions = ({ navigation }) => ({
    header: props => <Header 
        navigation={navigation}
        title={'Dashboard'}
        toggleDrawer
    />
})

另外，可以设置状态栏颜色吗？

Answer 1

您可以使用headerStyle：

navigationOptions = {
  headerStyle: {
    backgroundColor: 'red',
  },
);

有关状态栏，请参见https://facebook.github.io/react-native/docs/statusbar.html