Flex의 레이아웃 성능을 최적화하는 방법
저자: 견과류
팀: 너트 파이
공개 계정: "Big Front End Journey"
Runkaihong 기술 전문가, Huawei HDE, InfoQ 계약 작성자, OpenHarmony 전도사, HarmonyOS 애플리케이션 개발에 능숙, 서비스 카드 개발에 익숙, "Battle Code Pioneer" 활동의 팀 리더로서 3명의 팀 리더를 교육하고 100명 이상의 팀 구성원을 이끌었습니다. Pr의 제출 및 통합을 완료하십시오.
홈페이지 또는 개인 메시지를 통해 저에게 연락하고 Nuts에 가입하고 Hongmeng 응용 프로그램 개발을 함께 배우십시오.
-
Flex 대신 열/행을 사용하십시오.
-
크기를 변경할 필요가 없는 하위 구성 요소는 flexShrink 속성 값을 0으로 적극적으로 설정합니다.
-
flexGrow 및 flexShrink 속성 대신 LayoutWeight 속성을 사용하는 것이 좋습니다.
-
하위 구성 요소의 주축 길이 분포는 가장 일반적인 장면의 레이아웃 결과로 설정되므로 하위 구성 요소의 주축 길이의 합은 플렉스 컨테이너의 주축 길이와 동일합니다.