鸿蒙Android4个脚有脚线

效果

复制代码
  min:number=122
  max:number=150




    Row(){
        Stack(){

          // 底
          Text().border({
            width:2,
            color:$r('app.color.yellow')
          })
            .height(this.max).aspectRatio(1)

          // 长
          Text().backgroundColor($r('app.color.white'))
            .height(this.max).width(this.min)

          // 宽
          Text().backgroundColor($r('app.color.white'))
            .height(this.min).width(this.max)

          Text('erweim').backgroundColor(Color.Yellow).width(this.min).aspectRatio(1)


        }
        .alignContent(Alignment.Center)
      }
      .justifyContent(FlexAlign.Center)
      .width('100%')

      .layoutWeight(1)

      Divider().vertical(false).color($r('app.color.grey4')).strokeWidth(1)
相关推荐
IT陈图图2 小时前
基于 Flutter × OpenHarmony 的文本排序工具开发实战
flutter·开源·鸿蒙·openharmony
奋斗的小青年!!2 小时前
Flutter开发OpenHarmony应用:设置页面组件的深度实践
flutter·harmonyos·鸿蒙
大雷神2 小时前
HarmonyAPP 开发Flutter 嵌入鸿蒙原生 Swiper 组件教程
flutter·华为·harmonyos
ShiMetaPi2 小时前
八核RISC-V + 双屏输出 + 全接口扩展:M-K1HSE 深度解析
人工智能·机器人·鸿蒙·开源鸿蒙
鸣弦artha4 小时前
Flutter框架跨平台鸿蒙开发——Flutter Framework层架构概览
flutter·架构·harmonyos
安卓理事人5 小时前
鸿蒙启动后台服务运行
华为·harmonyos
小雨下雨的雨5 小时前
鸿蒙PC应用:工程结构解析与配置文件详解
ui·华为·harmonyos·鸿蒙系统
世人万千丶6 小时前
鸿蒙跨端框架 Flutter 学习 Day 3:性能进阶——Iterable 延迟加载与计算流的智慧
学习·flutter·ui·华为·harmonyos·鸿蒙·鸿蒙系统
夜雨声烦丿6 小时前
Flutter 框架跨平台鸿蒙开发 - 打造全能健康指数计算器,BMI/体脂率/热量/饮水一站式管理
flutter·华为·harmonyos
IT陈图图6 小时前
基于 Flutter × OpenHarmony 的个人中心— 主要设置内容区域实现解析
flutter·鸿蒙·openharmony