2017-09-28 4 views
0

Ich StackNavigator von React Navigation verwenden, mag ich Header-Styling für die Android-Plattform hinzuzufügen, aber nachdem ich zusätzliches Styling hinzugefügt habe, habe ich einen Fehler:Fehler mit dem Header-Styling in StackNavigator von Navigation Reagieren

Objects are not valid as a React child (found: object with keys {style}).If you meant to render a collection of children, use an array instead.

Hier ist mein Code:

static navigationOptions ={ 
     header: { 
    style: { 
     marginTop: Platform.OS === 'android' ? 24 : 0 
    } 
    } 
    } 

Wie Sie dieses Problem beheben?

+0

verwenden Sie benutzerdefinierte Header? –

+0

Warum möchten Sie marginTop hinzufügen? ReactNavigation kümmert sich darum. –

+0

Es sieht gut in IOS, aber in Android gibt es eine Überschneidung zwischen Android-Statusleiste in der oberen und StackNavigaror-Leiste. –

Antwort

1

Die von Ihnen verwendete Methode ist veraltet.

können Sie folgenden Code verwenden,

static navigationOptions = { 
    headerStyle: { marginTop: Platform.OS === 'android' ? 24 : 0 } 
} 
Verwandte Themen