2015-11-28 6 views
7

Lassen Sie uns sagen, dass ich mit unten definierten Stil einer Komponente verwenden möchten:reagieren-native: wie die Standard-Stil in einer Komponente definiert außer Kraft zu setzen

var styles = StyleSheet.create({ 
    container: { 
    backgroundColor: '#ffffff' 
    }, 
}); 

Kann ich die Basis-Stil mit Mine wie dies außer Kraft setzen?

Es hat nicht für mich funktioniert, also frage mich, ob das davon abhängt, ob die Komponente das Verhalten unterstützt.

+0

Es sollte genau so funktionieren, vielleicht ist die Syntax ausgeschaltet? Probieren Sie style = {{backgroundColor: 'transparent'}}. –

Antwort

15

Die Beschreibung ist ein bisschen vage. Ist es eine Komponente, die du dir selbst geschrieben hast? Angenommen, das sollte so funktionieren:

export default React.createClass({ 
    render: function(){ 
    return(<View style={[ styles.container, this.props.style ]}>...</View> 
    } 
}) 

var styles = StyleSheet.create({ 
    container: { 
    backgroundColor: '#ffffff' 
    }, 
}); 
+0

es ist eine Komponente von Drittanbietern, ich würde es lieber nicht ändern, also die Frage. –

+0

Nun, dann müssen Sie ihren Code überprüfen, denke ich. Der einzige Weg, um Stiländerungen in diese Komponente zu bekommen, ist über Requisiten. Sie müssen sich ihre View-Elemente ansehen und prüfen, ob sie Requisiten auf Stileigenschaften anwenden. Das würde nicht unbedingt auch Style genannt werden. –

+0

Sie können versuchen, die Komponente mit einer Ansicht zu umhüllen und Stile hinzuzufügen. (Aber es ist möglicherweise nicht für alle Kinder anwendbar, da es keine Kaskadierung gibt) – everlasto

Verwandte Themen