iOS의 React Native에서 폭, 높이, 패딩 등의 기본 단위는 무엇입니까?

iOS 용 React Native 애플리케이션을 구축 중입니다. 페이스 북 문서에는 너비, 높이, 채우기, 여백 등이 숫자로 표시됩니다.iOS의 React Native에서 폭, 높이, 패딩 등의 기본 단위는 무엇입니까?

스타일링의 기본 단위가 무엇인지 알고 싶습니다. 워드 프로세서

<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

iOS의 React Native에서 폭, 높이, 패딩 등의 기본 단위는 무엇입니까?

답변

관련 문제