What is the default unit for width, height, padding etc in React Native for iOS?

问题

I am building a React Native application for iOS. The facebook documentation says width, height, padding, margin etc. takes a number.

I wanted to know what the default unit of styling is.

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

回答1:

From the docs:

All dimensions in React Native are unitless, and represent density-independent pixels. Setting dimensions this way is common for components that should always render at exactly the same size, regardless of screen dimensions.

So the unit dimension is dp.

来源：https://stackoverflow.com/questions/42650857/what-is-the-default-unit-for-width-height-padding-etc-in-react-native-for-ios