スタイルはReact Nativeの数字にどのようにマッピングされますか？

Question

私はReact Nativeを使ってモバイルアプリケーションを開発していました。

ReactNative.StyleSheetを使用して小さなスタイルセットを作成し、それを自分のコンポーネントで使用しました。

ここで私は何か特有のものを目撃しました。私のスタイルはいくつかの番号にマッピングされていることがわかります。理想的には、スタイルを印刷しようとしたときにオブジェクトが存在することを期待していました。続き

は私のCSSです： -

const styles = StyleSheet.create({ 
    container: { 
    flex:1, 
    alignItems:'center', 
    width: null, 
    }, 
    logo: { 
    width:110, 
    marginTop:84, 
    resizeMode:'contain' 
    }, 
    mascot:{ 
    width:145, 
    height:150, 
    marginTop:73, 
    resizeMode:'contain' 
    }, 
    button:{ 
    backgroundColor:'#4A90E2', 
    width:300, 
    alignSelf:'center', 
    }, 
    buttonContainer:{ 
    marginTop:70 
    } 
}) 

とconsole.log(style)は私が次を示しています。私はこれらの数字が何であるか理解しようとしていますか？

Answer 1

StyleSheet.createのアイデアは、スタイルシートオブジェクトが1に作成された回数を減らすことです。オブジェクトは常に同じ値を持つので、それを行うのが理にかなっており、処理時間を節約するための非常に簡単な方法です。あなたが得る番号は、単に作成されたStyleSheetオブジェクトへの参照です。

静止画像でも同様のことが起こります。 の値がrequire('./myImage.png')の場合は、数値も表示されます。繰り返しますが、同じ最適化の理由からです。