title: What is the default unit of style in React Native?
body: <p>I am contributing to an Open Source Project where I am developing Material design for React Native. I am blocked at work,I am unable to make some UI level enhancements w.r.t. padding, alignment etc.,</p>
  
  <p>This is the Official Spec of Material Design for Drawer-</p>
  
  <p><a href="https://i.stack.imgur.com/057YP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/057YP.png" alt="According to the spec of Material Design"></a></p>
  
  <p>In the above image, the <strong>UNIT</strong> of measurement is <strong>dp</strong>.</p>
  
  <p>But, in my React Native code, I see there is no such units mentioned. Considering it is "react native" I am confused whether it is <strong>px</strong> or <strong>dp</strong>.</p>
  
  <p>I even went over the Official Docs of <a href="https://facebook.github.io/react-native/docs/style.html" rel="noreferrer">React Native for Style</a> component. I don't see a mention anywhere.</p>
  
  <p>My Code looks like-</p>
  
  <pre><code>const styles = {
      touchable: {
          paddingHorizontal: 16,
          marginVertical: 8,
          height: 48
      },
      item: {
          flex: 1,
          flexDirection: 'row',
          alignItems: 'center',
      },
      icon: {
          position: 'relative',
      },
      value: {
          flex: 1,
          paddingLeft: 34,
          top: 2
      },
      label: {
          top: 2
      }
  },
  </code></pre>
  
  <p>Please can you tell me, if this is pixels or dp? And also, is <code>1px = 1dp</code>?</p>