如何优化Flex的布局性能

作者：坚果

团队：坚果派

公众号：“大前端之旅”

润开鸿技术专家，华为HDE，InfoQ签约作者，OpenHarmony布道师，擅长HarmonyOS应用开发、熟悉服务卡片开发，在“战码先锋”活动中作为大队长，累计培养三个小队长，带领100+队员完成Pr的提交合入。
欢迎通过主页或者私信联系我，加入坚果派，一起学习鸿蒙应用开发。

• 使用Column/Row代替Flex。

• 大小不需要变更的子组件主动设置flexShrink属性值为0

• 优先使用LayoutWeight属性替代flexGrow属性和flexShrink属性。

• 子组件主轴长度分配设置为最常用场景的布局结果，使子组件主轴长度总和等于Flex容器主轴长度。