智能客服
你问我答,随时在线为你解决问题
避免冗余的嵌套。
通用丢帧场景下,建议优先修改。
// code-linter.json5
{
"rules": {
"@performance/hp-arkui-remove-redundant-nest-container": "suggestion",
}
} 该规则无需配置额外选项。
@Entry @Component struct MyComponent { @State children: Number[] = Array.from(Array<number>(900), (v, k) => k); build() { Scroll() { Grid() { ForEach(this.children, (item: Number[]) => { GridItem() { Text(item.toString()) }.backgroundColor(Color.Yellow) }, (item: string) => item) } .columnsTemplate('1fr 1fr 1fr 1fr') .columnsGap(0) .rowsGap(0) .size({ width: "100%", height: "100%" }) } } }
@Entry @Component struct MyComponent { @State children: Number[] = Array.from(Array<number>(900), (v, k) => k); build() { Scroll() { Grid() { ForEach(this.children, (item: Number[]) => { GridItem() { // 冗余Stack Stack() { Stack() { Stack() { Text(item.toString()) }.size({ width: "100%"}) }.backgroundColor(Color.Yellow) }.backgroundColor(Color.Pink) } }, (item: string) => item) } .columnsTemplate('1fr 1fr 1fr 1fr') .columnsGap(0) .rowsGap(0) .size({ width: "100%", height: "100%" }) } } }
智能客服
你问我答,随时在线为你解决问题
合作咨询
我们的专家服务团队将竭诚为您提供专业的合作咨询服务
解决方案
精准高效的一站式服务支持,助力开发者商业成功