如何更改本机的导航标题颜色？

Question

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

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

以下是Returns的代码段：

navigationOptions

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

Answer 1

您可以使用navigationOptions = { headerStyle: { backgroundColor: 'red', }, ); ：

进行更改

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

状态栏请参阅https://facebook.github.io/react-native/docs/statusbar.html

Answer 2

您可以使用以下参数设置状态栏颜色：

$('#calendar').fullCalendar({
    defaultDate: moment(),
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    defaultView: 'month',

    events: [{
        title:"My repeating event",
        start: '10:00', // a start time (10am in this example)
        end: '14:00', // an end time (6pm in this example)

        dow: [ 1, 4 ] // Repeat monday and thursday
    }],
});

Answer 3

像这样使用它：

static navigationOptions = () => ({
    title: 'Home',
    headerTintColor: '#cccccc',
    headerStyle: {
      backgroundColor: '#000',
    },      
  });