鸿蒙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)
相关推荐
小风呼呼吹儿4 分钟前
Flutter 框架跨平台鸿蒙开发 - 家庭用药清单:智能管理家庭药品
flutter·华为·harmonyos
纯爱掌门人27 分钟前
鸿蒙端云一体化开发(二):云数据库
数据库·华为·harmonyos·端云一体化
小雨青年33 分钟前
【鸿蒙原生开发会议随记 Pro】 数据存储架构 RelationalStore 在复杂资产管理中的应用
华为·架构·harmonyos
时光慢煮2 小时前
基于 Flutter × OpenHarmony 的文件管家 —— 构建文件类型分类区域
flutter·华为·开源·openharmony
时光慢煮2 小时前
跨端文件管理:Flutter 与 OpenHarmony 搜索栏实战
flutter·华为·开源·openharmony
djarmy2 小时前
跨平台Flutter 开源鸿蒙开发指南(三):使用thirdParty的dio库实现网络请求 示例
flutter·华为·harmonyos
Miguo94well3 小时前
Flutter框架跨平台鸿蒙开发——护眼提醒APP的开发流程
flutter·华为·harmonyos·鸿蒙
zilikew4 小时前
Flutter框架跨平台鸿蒙开发——拼图游戏的开发流程
flutter·华为·harmonyos·鸿蒙
Easonmax5 小时前
基础入门 React Native 鸿蒙跨平台开发:帮助中心页面完整实现(常见问题+搜索+分类)
react native·react.js·harmonyos
猛扇赵四那边好嘴.6 小时前
Flutter 框架跨平台鸿蒙开发 - 手工皮具制作记录:打造专业级皮具制作管理工具
flutter·华为·harmonyos