当前位置: 首页 > news >正文

Flutter父宽度自适应子控件的宽度

需求: 控件随着金币进行自适应宽度

image.png

步骤:
1、Container不设置宽度,需要设置约束padding;
2、文本使用Flexible形式;

Container(height: 24.dp,padding: EdgeInsetsDirectional.only(start: 8.dp, end: 5.dp),decoration: BoxDecoration(color: Color(0XFFFFFFFF).withOpacity(0.1),borderRadius: BorderRadius.circular(12.dp),),child: Row(mainAxisSize: MainAxisSize.min,crossAxisAlignment: CrossAxisAlignment.center,children: [Container(margin: EdgeInsetsDirectional.only(end: 3.dp),child:  R.img('gift_star_coin.png',width: 16.dp,height: 16.dp,package: ComponentManager.MANAGER_GIFT,),),Flexible(child: Text(_data.totalMoney.toString(),textAlign: TextAlign.center,style: TextStyle(fontSize: 12.0,color: Color(0XFF858585),),),),Container(child: R.img('gift_in_price.png',width: 13.dp,height: 13.dp,package: ComponentManager.MANAGER_GIFT,),),],),),
http://www.lryc.cn/news/121047.html

相关文章:

  • 什么是 API 安全?学习如何防止攻击和保护数据
  • 简述 TCP 和 UDP 的区别以及优缺点和使用场景?
  • react进阶
  • 使用windows搭建WebDAV服务,并内网穿透公网访问【无公网IP】
  • 科技感响应式管理系统后台登录页ui设计html模板
  • Lombok的使用及注解含义
  • 实时通信应用的开发:Vue.js、Spring Boot 和 WebSocket 整合实践
  • 【C++】C++异常
  • 学生成绩管理系统V2.0
  • 【C++】开源:tinyxml2解析库配置使用
  • 如何使用webpack打包一个库library,使用webpack打包sdk.
  • 项目一:基于stm32的阿里云智慧消防监控系统
  • 【果树农药喷洒机器人】Part6:基于深度相机与分割掩膜的果树冠层体积探测方法
  • 打印1到最大的n位数
  • 设计模式行为型——状态模式
  • ElastAlert通过飞书机器人发送报警通知
  • 恒温碗语音芯片,具备数码管驱动与温度传感算法,WT2003H-B012
  • 新能源汽车需要检测哪些项目
  • VR内容定制 | VR内容中控管理平台可以带来哪些价值?
  • 篇十八:状态模式:状态驱动的行为
  • 【Tomcat】(Tomcat 下载Tomcat 启动Tomcat 简单部署 基于Tomcat进行网站后端开发)
  • 简单动态字符串 sds
  • “深入剖析JVM内部原理:解密Java虚拟机的奥秘“
  • 使用QT纯代码创建(查找)对话框详细步骤与代码
  • 4945: 二进制转十进制
  • java后端技术汇总 + 中间件 + 架构思想
  • 《机器学习系统:设计与实现》读书笔记一
  • C语言单链表OJ题(较难)
  • 工业巡检ar沉浸式互动培训体验实现更加直观、生动的流程展示
  • 【Spring】核心容器——依赖自动装配