Как изменить цвет заголовка навигации в реагировать родной?

Question

Как изменить цвет заголовка навигации в приложении React Native?

Я попытался инициализировать цвет фона, но он не работал.

Ниже приведен фрагмент кода для navigationOptions:

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

Также возможно ли установить цвет строки состояния?

Answer 1

Вы можете использовать следующий параметр, чтобы установить цвет строки состояния:

<StatusBar backgroundColor='blue' barStyle='light-content' />

Answer 2

Вы можете изменить его с помощью headerStyle:

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

Строка состояния см. https://facebook.github.io/react-native/docs/statusbar.html