11.条件渲染&循环渲染
<h3>条件渲染</h3>
<pre><code>@Entry
@Compontent
struct MainActivity{
@State showTitleBar: boolean = false
build(){
Column(){
if(this.showTitleBar) TitleBar()
}.width('100%')
}
}</code></pre>
<h3>循环渲染</h3>
<pre><code>@Entry
@Compontent
struct MainActivity{
@State names: string[] = ['张三', '李四', '王麻子']
build(){
Column(){
ForEach(
this.names,
(item: string, index: number) =&gt; {
Text(item).fontSize(18)
},
(item: string, index: number) =&gt; {
//该方法参数可省略,这个方法作用返回虚拟Dom映射成真实Dom的唯一ID
return '' + index
},
)
}.width('100%')
}
}</code></pre>