反応ネイティブアプリのスタイル属性を確認できないのはなぜですか？

Question

[1] falseを返しますなぜ私は

if(styles.background=='white') 
console.log("ok") 

console.log(styles.background=='white') --> was false [1] 

、次のように色は、要素の白であるかどうかを確認したいですか？

Answer 1

1 - あなたのケースでは、スタイルはStyleSheetオブジェクトです。ここ

var flattenStyle = require('flattenStyle'); 
var backgroundColor = flattenStyle(this.props.style).backgroundColor; 

詳細：

コンポーネントのスタイルを処理するために -

const styles = StyleSheet.create({ 
    container: { 
     flex: 1, 
     justifyContent: 'center', 
     alignItems: 'center', 
     backgroundColor: '#F5FCFF' 
    }, 
    welcome: { 
     fontSize: 20, 
     textAlign: 'center', 
     margin: 10, 
    }, 
    instructions: { 
     textAlign: 'center', 
     color: '#333333', 
     marginBottom: 5, 
    }, 
}); 

var styleObj = StyleSheet.flatten([styles.container]) 

console.warn(styleObj.backgroundColor==='#F5FCFF') //=>true 

2：あなたは、以下のようStyleSheet.flatten目的球を使用する必要が

https://facebook.github.io/react-native/docs/stylesheet.html

そして

https://stackoverflow.com/a/35233409/1979861

Answer 2

ちょうど構文を渡すパラメータが正しいことを確認します。
（注：パラメータを囲む角括弧は必要ありません。）

単一のフォームのスタイルシートの場合：

var styleObj = StyleSheet.flatten(styles.container) 

複数形のスタイルシートの場合：

var styleObj = StyleSheet.flatten(styles[1].container) 

次に、あなたがすることができますその属性を検査するためにそれを印刷してください：

console.log(styleObj)