2017-03-07 11 views
2

私はiOS用のReact Nativeアプリケーションを構築しています。 Facebookのドキュメントには、幅、高さ、パディング、マージンなどが数字で表示されています。React Native for iOSの幅、高さ、パディングなどのデフォルト単位は何ですか?

私はスタイリングのデフォルト単位が何であるか知りたいと思っていました。ドキュメントから

<View style={styles.box}> 
    <Text style={styles.text}> Test Component </Text> 
</View> 

var styles = ReactNative.StyleSheet.create({ 
     box: { 
      padding: 10, 
      width:100, 
      height:100, 
     }, 
     text: { 
      color: 'black', 
      fontSize: 30, 
     }, 
}); 
+0

ReactNativeのデフォルトの単位は、異なるデバイスに応じて画面サイズが異なる可能性があるため、異なるコンポーネントで同じコンポーネントを簡単にレンダリングできます。 –

+0

デバイス画面に基づいて高さ/幅を定義する必要がある場合、Dimensionsをインポートして、以下を使用できます。var width = Dimensions.get( 'window')。 var height = Dimensions.get( 'window')。height;これらの変数をStyleSheetで直接使用すると、異なる列やレイアウトを生成するためにそれらの変数を加算または減算することもできます。 –

答えて

0

反応させ、ネイティブのすべての寸法は無単位であり、及び密度に依存しないピクセルを表しています。このようにディメンションを設定することは、画面の大きさに関係なく、常に同じサイズでレンダリングする必要があるコンポーネントに共通です。

したがって、単位の次元はdpです。

関連する問題