HarmonyOS鸿蒙Next中通用属性width是否支持设置变量

HarmonyOS鸿蒙Next中通用属性width是否支持设置变量

通用属性width支持设置变量,示例如下:

@Entry
@Component
struct Page1 {
  @State message: string = 'Hello'; 
  @State widNum: number = 300; 

  build() { 
    Row() { 
      Column() { 
        Text(this.message) 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
          .width(this.widNum) 
          .backgroundColor(Color.Blue) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}

效果如下:

![cke_917.png](data-originheight=“383” data-originwidth=“417” src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAHgCAYAAAA10dzkAAAgAElEQVR42u2deXBUVZn/f89997773PPOOe+99991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z33ve9++991379/ff/fff//+9//+/f//7z3


更多关于HarmonyOS鸿蒙Next中通用属性width是否支持设置变量的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS鸿蒙Next中通用属性width是否支持设置变量的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中,通用属性width支持设置变量。你可以通过绑定数据或使用表达式来动态设置width的值。例如,可以使用{{variable}}语法将width绑定到一个变量,或者使用表达式如{{100 + variable}}来动态计算宽度。这种灵活性使得界面布局能够根据数据变化动态调整,提升开发效率和用户体验。

回到顶部