React native 在React Native for iOS中,宽度、高度、填充等的默认单位是多少?

React native 在React Native for iOS中,宽度、高度、填充等的默认单位是多少?,react-native,react-native-ios,React Native,React Native Ios,我正在为iOS构建React本机应用程序。facebook的文档显示,宽度、高度、填充、边距等都是一个数字 我想知道样式的默认单位是什么 <View style={styles.box}> <Text style={styles.text}> Test Component </Text> </View> var styles = ReactNative.StyleSheet.create({ box: {

我正在为iOS构建React本机应用程序。facebook的文档显示,宽度、高度、填充、边距等都是一个数字

我想知道样式的默认单位是什么

<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,
       },
});

测试组件
var styles=ReactNative.StyleSheet.create({
方框:{
填充:10,
宽度:100,
身高:100,
},
正文:{
颜色:'黑色',
尺寸:30,
},
});
来自:

React Native中的所有维度都是无单位的,表示与密度无关的像素。对于应该始终以完全相同的大小渲染的组件(无论屏幕尺寸如何),以这种方式设置尺寸是很常见的

因此,单位尺寸为dp。

I测试。 带DP单元的Android本机 vs

安卓反应本机

带点单元的iOS本机 vs

iOS反应为本机

结果 至少,RN中的单位与Android中的dp和iOS中的pt大致相同。

此外,RN中的单位是Android中用于缩放字体大小的sp值


代码 注册护士

{'[React Native]\n100 x 100\n边缘顶部=100\n边缘开始=100\n\n边缘大小=16\nㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ'}
安卓


在ReactNative中,默认单位为点或百分比,因为屏幕大小可能因不同的设备而异,这使得以不同的屏幕大小呈现相同的组件变得很容易。当您需要根据设备屏幕定义高度/宽度时,您可以导入尺寸并使用以下变量宽度=尺寸。get('window')).width;var height=Dimensions.get('window').height;直接在样式表中使用这些变量,您还可以添加或减去它们以生成不同的列和布局。