React Native for iOS中默認的寬度，高度，填充等單位是多少？

我正在爲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, 
     }, 
});

來源

2017-03-07 Praveen Innocent

在ReactNative中，默認單位是點數或百分比，因爲屏幕尺寸可能因不同的設備而異，這使得在不同屏幕尺寸下渲染相同的組件成爲容易。 –

當您需要根據設備屏幕定義高度/寬度時，您可以導入Dimensions並使用以下參數var width = Dimensions.get（'window'）。width; var height = Dimensions.get（'window'）。height;直接在你的StyleSheet中使用這些變量，你也可以添加或減去它們來生成不同的列和佈局。 –

從文檔：

在所有尺寸陣營母語是無量綱的，並代表密度獨立像素。無論屏幕尺寸如何，以這種方式設置尺寸對於應始終呈現完全相同尺寸的組件而言通用。

所以單位尺寸是dp。

來源

2017-03-07 14:45:06

React Native for iOS中默認的寬度，高度，填充等單位是多少？

回答

相關問題