鸿蒙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)
相关推荐
小雨下雨的雨11 小时前
Flutter 框架跨平台鸿蒙开发 —— SingleChildScrollView 控件之长内容滚动艺术
flutter·ui·华为·harmonyos·鸿蒙
2501_9445210011 小时前
rn_for_openharmony商城项目app实战-商品评价实现
javascript·数据库·react native·react.js·ecmascript·harmonyos
lili-felicity12 小时前
React Native for Harmony 企业级 Grid 宫格组件 完整实现
react native·react.js·harmonyos
以太浮标12 小时前
华为eNSP模拟器综合实验之- VLAN聚合(VLAN Aggregation或Super VLAN)解析
运维·网络·华为·信息与通信
小学生波波13 小时前
HarmonyOS6 - 调用第三方接口实现新闻APP
鸿蒙·鸿蒙系统·鸿蒙开发·harmonyos6·鸿蒙app
lili-felicity14 小时前
React Native 鸿蒙跨平台开发:动态表单全场景实现
react native·harmonyos
奋斗的小青年!!14 小时前
Flutter跨平台开发适配OpenHarmony:文件系统操作深度实践
flutter·harmonyos·鸿蒙
SunkingYang15 小时前
从硬件参数、系统等方面详细对比华为mate80 pro max与iPhone17 pro max
华为·苹果·iphone17·mate80·promax·手机对比
奋斗的小青年!!15 小时前
Flutter跨平台开发OpenHarmony应用:个人中心实现
开发语言·前端·flutter·harmonyos·鸿蒙
人工智能知识库16 小时前
2026年HCCDP-GaussDB工作级开发者题库(详细解析)
数据库·华为·gaussdb·题库·hccdp-gaussdb·工作级开发者认证