HarmonyOS/OpenHarmony应用开发-ArkTS自适应线性布局自适应拉伸

鸿蒙时代
发布于 2023-2-21 10:06
浏览
0收藏

自适应拉伸,在线性布局下,常用空白填充组件Blank,在容器主轴方向自动填充空白空间,达到自适应拉伸效果。
实现方式

@Entry
@Component
struct BlankExample {
  build() {
    Column() {
      Row() {
        Text('Bluetooth').fontSize(18)
        Blank()
        Toggle({ type: ToggleType.Switch, isOn: true })
      }.backgroundColor(0xFFFFFF).borderRadius(15).padding({ left: 12 }).width('100%')
    }.backgroundColor(0xEFEFEF).padding(20).width('100%')
  }
}

拉伸效果
HarmonyOS/OpenHarmony应用开发-ArkTS自适应线性布局自适应拉伸-鸿蒙开发者社区
HarmonyOS/OpenHarmony应用开发-ArkTS自适应线性布局自适应拉伸-鸿蒙开发者社区
参考引用自官方文档。

标签
HarmonyOSOpenHarmony应用开发-ArkTS自适应.doc 30.89K 20次下载
收藏
回复
举报
回复
    相关推荐