スタイルアレイをネイティブベースコンポーネントに適用する方法

Question

ネイティブベースコンポーネントにスタイルアレイを適用するにはどうすればよいですか？ 私はこのスタイルを持っている：

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', 
    } 
}); 

をそして私はこのようなコンポーネントに適用したいと思います：私は、彼らがgetThemeを使用するネイティブ・ベースで見た

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

。それが唯一の方法ですか？

Answer 1

現在、native-baseはstyleプロパティの配列をサポートしていません。ここでは、スプレッド演算子を使用した回避策です。

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