HarmonyOS Next中Row、Column、Flex、List、Grid、RelativeContainer等组件的首帧绘制时间有多大？

Question

如题：HarmonyOS Next中Row、Column、Flex、List、Grid、RelativeContainer等组件的首帧绘制时间有多大？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

通过对不同的布局方式，设置对应容器相同的嵌套深度为5、总元素节点为20个Text的情况下，对比其性能消耗。通过Profiler工具获取其首帧绘制时间进行对比。对比结果如下表：

对比指标	Column/Row	Stack	Flex	RelativeContainer	Grid/GridItem
首帧绘制	7.13ms	7.34ms	11.71ms	9.13ms	12.62ms
Measure	2.63ms	2.70ms	7.59ms	3.59ms	8.68ms
Layout	0.74ms	0.77ms	0.83ms	0.77ms	0.92ms

通过上述表格可以发现，在布局深度和节点数相同的情况下：

• 使用基础组件如Column和Row容器的性能明显高于其他布局。
• Flex的性能明显低于Column和Row容器，这是由于Flex本身带来的二次布局的影响。
• Grid/GridItem布局、相对布局RelativeContainer的性能消耗高于基础组件Column、Row、Stack等容器。

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。