react-native의 레이아웃 요약

964 단어 ReactNative
전언
이전에 우리는 많은react-native의 기초 컨트롤을 말했는데 여러분의 이해를 편리하게 하기 위해react-native의 구조를 총괄하고 이 부분의 지식을 보면 보실 수 있습니다.
  • 폭 단위 및 픽셀 밀도
  • flex의 레이아웃
  • 이미지 레이아웃
  • 절대 및 상대 포지셔닝
  • padding과margin의 차이와 응용 장소
  • 텍스트 요소
  • 폭 단위 및 픽셀 밀도
    우리는 안드로이드에서 장치 픽셀로 단위가 되는 것을 알고 있다(뒤에 백분율이라는 개념이 또 나타났다). ios 뒤에도 Auto Layout과 1배도, 2배도 등 개념(xib+storyboard)이 있다.그러나react의 폭은 백분율을 지원하지 않습니다.React는 어떻게 사이즈를 제공합니까?PixelRatio, PixelRatio 및 픽셀 밀도는 공식 소개를 볼 수 있습니다.
     var image = getImage({
       width: 200 * PixelRatio.get(),
       height: 100 * PixelRatio.get()
     });
     <Image source={image} style={{width: 200, 

    좋은 웹페이지 즐겨찾기