Flutter开发之——单组件布局容器-Container
首先是一个知识清单:(对于现在的Android及移动互联网来说,我们需要掌握的技术)泛型原理丶反射原理丶Java虚拟机原理丶线程池原理丶注解原理丶注解原理丶序列化Activity知识体系(Activity的生命周期丶Activity的任务栈丶Activity的启动模式丶View源码丶Fragment内核相关丶service原理等)代码框架结构优化(数据结构丶排序算法丶设计模式)APP性能优化(用户
2.3 常用属性
| 属性名 | 说明 | 取值 |
| :-: | :-: | :-: |
| alignment | 设置子控件的对齐方式 | AlignmentGeometry对象 |
| padding | 设置容器的内边距 | EdgeInsetsGeometry对象 |
| color | 容器的背景颜色 | Color对象 |
| decoration | 容器的修饰属性(不能与Color通知设置) | Decoration对象 |
| foregroundDecoration | 前景修饰 | Decoration对象 |
| width | 容器宽度 | double对象 |
| height | 容器高度 | double对象 |
| constraints | 子组件的约束 | BoxConstraints对象 |
| margin | 容器的外边距 | EdgeInsetsGeometry对象 |
| transform | 容器变换属性(旋转、缩放等) | Matrix4对象 |
| transformAlignment | 容器变换对齐方式 | AlignmentGeometry对象 |
| child | 子组件 | Widget对象 |
3.1 文字
只有子控件,没有任何参数
Container(child: Text(‘文字’,style:TextStyle(fontSize: 26),),)
[外链图片转存中…(img-VGEJ9CMZ-1713341217893)]
设置背景色
Container(
color: Colors.blue,
child: Text(‘文字’,style:TextStyle(fontSize: 26) ,),),
[外链图片转存中…(img-tZOvKyqM-1713341217896)]
padding和margin
Container(
color: Colors.blue,
child: Text(‘文字’,style:TextStyle(fontSize: 26) ,),
padding: EdgeInsets.all(20),
margin: EdgeInsets.all(30),
)
[外链图片转存中…(img-G9dJ2FrB-1713341217898)]
Decoration 装饰(背景)
Container(
child: Text(‘文字’,style:TextStyle(fontSize: 26) ,),
padding: EdgeInsets.symmetric(horizontal: 10),
decoration: BoxDecoration(
shape: BoxShape.rectangle,
borderRadius: BorderRadius.all(Radius.circular(20)),
color: Colors.blue
),
),
[外链图片转存中…(img-VF86cAip-1713341217899)]
Decoration 装饰(边框)
Container(
child: Text(‘文字’,style:TextStyle(fontSize: 26) ,),
padding: EdgeInsets.symmetric(horizontal: 10),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: Colors.blue,
width: 2,
),
),
),

transform 变换
Container(
child: Text(‘文字’,style:TextStyle(fontSize: 26) ,),
transform: Matrix4.skewX(10),
),

3.2 图片
圆角图片
Container(
height: 200,
width: 200,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage(“images/flutter.png”),
fit: BoxFit.cover,
),
border: Border.all(
color: Colors.blue,
width: 2,
),
borderRadius: BorderRadius.circular(12),
),
),
[外链图片转存中…(img-RpkC1mRO-1713341217907)]
圆形图片
Container(
height: 200,
width: 200,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage(“images/flutter.png”),
fit: BoxFit.cover,
),
border: Border.all(
color: Colors.blue,
width: 2,
),
shape: BoxShape.circle,
),
),
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。





既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
结尾
最后,针对上面谈的内容,给大家推荐一个Android资料,应该对大家有用。
首先是一个知识清单:(对于现在的Android及移动互联网来说,我们需要掌握的技术)
泛型原理丶反射原理丶Java虚拟机原理丶线程池原理丶
注解原理丶注解原理丶序列化
Activity知识体系(Activity的生命周期丶Activity的任务栈丶Activity的启动模式丶View源码丶Fragment内核相关丶service原理等)
代码框架结构优化(数据结构丶排序算法丶设计模式)
APP性能优化(用户体验优化丶适配丶代码调优)
热修复丶热升级丶Hook技术丶IOC架构设计
NDK(c编程丶C++丶JNI丶LINUX)
如何提高开发效率?
MVC丶MVP丶MVVM
微信小程序
Hybrid
Flutter

接下来是资料清单:(敲黑板!!!)
1.数据结构和算法

2.设计模式

3.全套体系化高级架构视频;七大主流技术模块,视频+源码+笔记

4.面试专题资料包(怎么能少了一份全面的面试题总结呢~)

不论遇到什么困难,都不应该成为我们放弃的理由!共勉~
如果你看到了这里,觉得文章写得不错就给个赞呗?如果你觉得那里值得改进的,请给我留言。一定会认真查询,修正不足。谢谢。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
存中…(img-08QzdzUE-1713341217919)]
4.面试专题资料包(怎么能少了一份全面的面试题总结呢~)
[外链图片转存中…(img-UuVh7M5D-1713341217920)]
不论遇到什么困难,都不应该成为我们放弃的理由!共勉~
如果你看到了这里,觉得文章写得不错就给个赞呗?如果你觉得那里值得改进的,请给我留言。一定会认真查询,修正不足。谢谢。
[外链图片转存中…(img-T8vRkhwP-1713341217922)]
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
更多推荐
所有评论(0)