प्रतिक्रिया देशी: कैसे डिफ़ॉल्ट शैली एक घटक

Question

में परिभाषित ओवरराइड करने के लिए मान लीजिए कि मैं नीचे परिभाषित शैली के साथ एक घटक का उपयोग करना चाहते हैं:

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

मैं इस तरह मेरा साथ आधार शैली को ओवरराइड कर सकते हैं?

<Component style={backgroundColor: 'transparent'}></Component> 

यह मेरे लिए काम नहीं किया है, तो आश्चर्य है कि अगर इस पर निर्भर करता है घटक व्यवहार का समर्थन करता है।

Answer 1

विवरण थोड़ा अस्पष्ट है। क्या यह एक घटक है जिसे आपने स्वयं लिखा है? मान लीजिए कि इसे इस तरह काम करना चाहिए:

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

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