React Native: Wie style ich NavigationsCardStack und NavigationHeader von NavigationExperimental?

Question

Ich versuche, die Hintergrundfarbe von NavigationExperimental 's NavigationCardStack zu ändern: style={{backgroundColor:'white'}} aber es funktioniert nicht.

Gibt es einen Weg um es herum? Oder ist das nicht möglich?

Wie kann ich auch die 1px Haarlinie NavigationHeader verstecken? Ich habe versucht, shadowHidden={true} zu tun, aber es wird leider nicht zur Verfügung gestellt.

Answer 1

Ihre Stilstütze ist korrekt. Aber wo bewerben Sie es? Sie sollten diese Requisite auf NavigationHeader anwenden.

<NavigationHeader 
    style={{backgroundColor:'blue'}} 
    ... 

Sie wahrscheinlich machen die NavigationHeader in einer separaten Funktion, vielleicht renderHeader genannt(). Diese Funktion wird als Stütze zu NavigationCardStack

geben

<NavigationCardStack 
     onNavigateBack={this.props.onNavigateBack} 
     renderHeader={this.renderHeader} 
     ... 

edit: Antwort auf die Frage nach dem Haaransatz:

style={{backgroundColor:'blue', borderBottomWidth: 0}} 

Hier ist der RN Code für den Haarstil, wie Sie können es ist plattformabhängig:

borderBottomWidth: Platform.OS === 'ios' ? StyleSheet.hairlineWidth : 0,