So wenden Sie ein Styles-Array auf native-Base-Komponenten an

Question

Wie setze ich ein Styles-Array auf native-Base-Komponente? Ich habe diese Stile:

const React = require('react-native'); 

const { StyleSheet } = React; 

export default StyleSheet.create({ 
    container: { 
    backgroundColor: '#FBFAFA', 
    }, 
    rowView:{ 
    flexDirection: 'row', 
    borderRadius: 5 
    }, 
    btn : { 
    borderRadius: 5, 
    margin: 5 
    }, 
    on : { 
    backgroundColor: '#FFF', 
    }, 
    off : { 
    backgroundColor: 'rgba(0,0,0,0.2)', 
    }, 
    green : { 
    backgroundColor: 'green', 
    }, 
    red : { 
    backgroundColor: 'red', 
    } 
}); 

Und ich möchte auf eine Komponente wie folgt anzuwenden:

<View style={[styles.red, styles.rowView]} padder> 

ich in der Mutterbasis sahen sie getTheme verwenden. Ist das der einzige Weg?

Answer 1

Gegenwärtig unterstützt native-base keine Arrays in der style -Eigenschaft. Hier ist eine Problemumgehung mit dem Spread-Operator.

<Native-Base-Component style={{ ...styles.red, ...styles.rowView }} />