flutter Container 的decoration 属性

decoration：背景装饰
decoration可以设置边框、背景色、背景图片、圆角等属性，非常实用。对于transform这个属性，一般有过其他平台开发经验的，都大致了解，这种变换，一般不是变换的实际位置，而是变换的绘制效果，也就是说它的点击以及尺寸、间距等都是按照未变换前的。
但需要注意的是 deoration和 color：背景颜色不能共存，二者同时只能有一个


example:new Container(constraints: new BoxConstraints.expand(height:Theme.of(context).textTheme.display1.fontSize * 1.1 + 200.0,),decoration: new BoxDecoration(border: new Border.all(width: 2.0, color: Colors.red),color: Colors.grey,borderRadius: new BorderRadius.all(new Radius.circular(20.0)),image: new DecorationImage(image: new NetworkImage('http://h.hiphotos.baidu.com/zhidao/wh%3D450%2C600/sign=0d023672312ac65c67506e77cec29e27/9f2f070828381f30dea167bbad014c086e06f06c.jpg'),centerSlice: new Rect.fromLTRB(270.0, 180.0, 1360.0, 730.0),),),padding: const EdgeInsets.all(8.0),alignment: Alignment.center,child: new Text('Hello World',style: Theme.of(context).textTheme.display1.copyWith(color: Colors.black)),transform: new Matrix4.rotationZ(0.3),
)

tips：
color：用来设置container背景色，如果foregroundDecoration设置的话，可能会遮盖color效果。
decoration：绘制在child后面的装饰，设置了decoration的话，就不能设置color属性，否则会报错，此时应该在decoration中进行颜色的设置。
foregroundDecoration：绘制在child前面的装饰。

原文链接：https://blog.csdn.net/u011272795/article/details/82387068

flutter Container 的decoration 属性相关推荐

flutter Container的decoration
这是我参与8月更文挑战的第11天,活动详情查看:8月更文挑战 decoration: 背景装饰 decoration可以设置边框.背景色.背景图片.圆角等属性,非常实用.对于transform这个属性 ...
浅识Flutter 基本组件之TextField组件输入框decoration属性
浅识Flutter 基本组件之TextField组件输入框decoration属性 decoration InputDecoration控制输人框提示信息样式的常用属性 InputDecoratio ...
Flutter Container 组件
目录参数详解代码示例效果图完整代码 Container 官网简介:一个便利的小部件,结合了常见的绘画,定位和大小调整小部件. 其实就是一个容器组件,既然是容器,那么,就一定可以装很多东西,而C ...
Flutter Container、Center设置控件居中背景及其他属性
Flutter Container.Center设置控件居中背景及其他属性 //控件可以居中Container(alignment: Alignment.bottomCenter,//设置控件内容的位 ...
android 容器圆角,flutter Container容器实现圆角边框
本文实例为大家分享了flutter Container容器实现圆角边框的具体代码,供大家参考,具体内容如下在这里使用 Container 容器来实现圆角矩形边框效果 1 圆角矩形边框 Contain ...
Flutter Container属性
FLUTTER 开发初识 Flutter 布局之Container Container简介 Container 组成 Container的构造 Flutter 布局之Container 最近新接触一个 ...
Flutter Container 容器以及对齐方式 Alignment
Container 题记:不到最后时刻,千万别轻言放弃,无论结局成功与否,只要你拼博过,尽力过,一切问心无愧. 目前在西瓜视频上免费刊登 Flutter 系列教程,每日更新,欢迎关注接收提醒 [x1] ...
Flutter文本输入框TextField属性（InputDecoration、textInputAction、inputFormatters等等）详解
文章目录 TextField TextField decoration keyboardType TextField textInputAction TextField onChanged TextF ...
Flutter Container 参数详解
1 基本内容 1.1 继续关系 Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget ...

flutter Container 的decoration 属性

原文链接：https://blog.csdn.net/u011272795/article/details/82387068

flutter Container 的decoration 属性相关推荐

最新文章

热门文章