네이티브 플랙스박스 반응

2594 단어 reactnativewebdevprogrammingjavascript

소개



오늘은 사실 내가 즐거웠던 날이다. 반응 네이티브에서 flexbox에 대한 지식을 얻었습니다. 문서에 따르면 flex는 항목이 기본 축을 따라 사용 가능한 공간을 채우는 방법을 정의합니다. 반응 네이티브에서 주축은 컬럼입니다.

MAIN - flex:1
   item-1:flex-1
   item-2:flex-2
   item-3:flex-3

1+2+3=6
item-1 - 1/6
item-2 - 2/6
item-3 - 3/6


  • flexDirection - 열, 행, 행 반전
  • layoutDirection - LTR, RTL
  • justifyContent - 기본 축을 따라 정렬 - flex-start,flex-end,center
  • alignItems - 교차 축을 따라.
  • alignSelf - 개별 항목.
  • alignContent - flexWrap이 있어야 합니다. 교차 축을 따라 분포를 정의합니다.
  • flexWrap
  • flexBasis - 항목의 크기를 제공하는 축 독립 방식입니다. if 방향=열, 그렇지 않으면 너비.
  • flexGrow - 동위 항목과 관련하여 항목이 증가하는 방식입니다. 2이면 형제자매보다 2배 커진다.
  • flexShrink

    • 위치


    position : 절대 | 상대적인.

    크기


    width|height :'100| "10%"| 자동'

    melbite.com/react-native-flexbox에 원래 게시된 문서

    https://melbite.com에서 이와 유사한 기사를 더 확인하십시오.
    matplotlib의 subplots를 for 문으로 사용하면 유용합니다.
    TypeScript 배열 유형

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

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