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,
    android 백엔드 실행 서비스 보고 작업 상태 편
    c3p0 시작하기

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage