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,
},
});
ReactNativeのデフォルトの単位は、異なるデバイスに応じて画面サイズが異なる可能性があるため、異なるコンポーネントで同じコンポーネントを簡単にレンダリングできます。 –
デバイス画面に基づいて高さ/幅を定義する必要がある場合、Dimensionsをインポートして、以下を使用できます。var width = Dimensions.get( 'window')。 var height = Dimensions.get( 'window')。height;これらの変数をStyleSheetで直接使用すると、異なる列やレイアウトを生成するためにそれらの変数を加算または減算することもできます。 –