Flutter 容器 装饰盒子 边框 圆角 阴影 形状 渐变 背景图像 class BasicDemo extends StatelessWidget { @override Widget build(BuildContext context) { // 富文本显示richText return Container( // 颜色 // color: Colors.grey[100], // 背景图像 decoration: BoxDecoration( image: DecorationImage( image: Net...
child: Text('演示BoxDecoration的LinearGradient渐变色',style: TextStyle( color: Colors.black, fontSize: 20.0 ),), decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(12.0)), color: Colors.grey, // image: DecorationImage( // image: NetworkImage('http://pic.qqtn.com/up/20...
这种嵌套组合的方式带来的最大好处就是解耦。 例如,界面中添加了一个居中组件Center,居中组件里嵌套了一个容器组件Container,容器组件里嵌套了一个文本组件Text和一个装饰器BoxDecoration。代码如下所示: return Center( // 添加容器 child: Container( // 添加装饰器 decoration: BoxDecoration( ), child: Text( //...
Flutter的Decoration可以设置:背景色 背景图 边框 圆角 阴影 渐变色 的等属性,有点像android里面的shape,Decoration 是基类,它的子类有下面这些 BoxDecoration:实现边框、圆角、阴影、形状、渐变、背景图像 ShapeDecoration:实现四边分别指定颜色和宽度、底部线、矩形边色、圆形边色、体育场(竖向椭圆)、 角形(八边角)边...
decoration属性设置子组件的背景颜色、形状等。设置背景为圆形,颜色为蓝色: 代码语言:javascript 复制 Container(child:Text('老孟,专注分享Flutter技术及应用'),decoration:BoxDecoration(shape:BoxShape.circle,color:Colors.blue),) 默认情况下,圆形的直径等于Container窄边长度,相当于在矩形内绘制内切圆。
key,//key来控制框架将在widget重建时与哪些其他widget匹配this.alignment,//child的widget的位置this.padding,//容器内边距this.color,//容器背景颜色,与装饰器不能同时设置this.decoration,//装饰器:绘制容器背景图案,和color不能同时设置this.foregroundDecoration,//装饰器:绘制容器前景double?width,//宽度double?
ThemeData中还有专门为color变化定义的ColorScheme，还有为Text变化设置的TextTheme，这两个theme实际上是一...
constraints: new BoxConstraints.expand( height: Theme.of(context).textTheme.display1.fontSize * 1.1 + 100.0, ), //容器的宽高,子组件超过则显示不出来 width: 250.0, height: 100.0, //背景的装饰 decoration: buildBoxDecoration(), //前景的装饰 // foregroundDecoration: buildBoxDecorations(), child...
l Container也是常用的布局元素,它是一个容器区域,通过decoration参数向子组件增加 padding、margins、borders、background color 或者其他的“装饰”或者“约束” ,例如其decoration参数使用BoxDecoration完成对元素的装饰,通过定义borderRadius来修饰圆角幅度,gradient来定义渐变色,boxShadow来定义阴影效果。
八、OverflowBox 九、LimtedBox 十、ConstrainedBox 十一、DecoratedBox 十二、FittedBox 十三、RotateBox 十四、UnconstrainedBox 十五、Transform 十六、Align Flutter中的容器作用常常是用来包裹某个组件,所以都会有一个child属性,注意这里是child不是children,children属性是大部分布局类都有的属性。Flutter常用的容器类有:Ce...