一:Container(盒子模型) Container 给一个组件添加padding,margins,边界(borders),背景颜色或者其他装饰 (decorations)和阴影。 import'package:flutter/material.dart';classLearnContainer extends StatefulWidget{ @override State<StatefulWidget>createState() {returnnew_LearnContainer(); } }class_LearnContainer extends...
接受一个 ThemeData 对象theme:ThemeData(primarySwatch:Colors.blue),// 应用的首页home:Scaffold(appBar:AppBar(backgroundColor:Colors.blue,title:constText('首页'),centerTitle:true,),body:Container(width:150.0,height:150.0,padding:constEdgeInsets.all(16.0),margin:constEdgeInsets.symmetric(horizontal:20.0...
下面改变 TextField 的高度: Container( height: 30, child: TextField( decoration: InputDecoration(...的高度不是150,在「maxLines = 1」 的情况下,通过设置 「contentPadding」 改变其高度,为了方便验证是否居中,在中间绘制一条对齐线: Container( height...TextField的高度 和 文字高度共同决定的,公式是: ...
body: HomeContent(), ), ); } }classHomeContent extends StatelessWidget {constHomeContent({Key key}) : super(key: key); @override Widget build(BuildContext context) {returnCenter( child: Container( child: Text("我是一个文本我是一个文本我是一个文本我是一个文本我是一个文本我是一个文本",...
solid, ), ), width: 400.0, //container的宽度,设置为double.infinity可以强制在宽度上撑满,不设置,则根据child和父节点两者一起布局 height: 400.0, //container的高度,设置为double.infinity可以强制在高度上撑满 child: Text( 'content', style: TextStyle( backgroundColor: Colors.red, ), ), padding:...
Container(child:Center(widthFactor:2.0,// 宽度因子,如果设置了宽度因子,则宽度会按照子节点的宽度*宽度因子数heightFactor:4.0,// 高度因子,同上child:Text("test"),// 子控件),color:Colors.blue,) Padding 用于设置内边距 Container(child:Padding(padding:EdgeInsets.fromLTRB(10,10,10,10),// 设置内边距...
newCenter(child:newContainer(width:50.0,height:50.0,decoration:newBoxDecoration(//背景色color:constColor(0xff7c94b6),//没有图片的小伙,注释掉image这个,用color背景也是可以看效果的image:newDecorationImage(image:newExactAssetImage('images/mozi.jpeg'),fit:BoxFit.cover,),//shape类型:rectangle|circleshape...
widget.onHeightChanged(renderBox.size.height); } } @override Widget build(BuildContext context) { return Container( key: _key, child: widget.child, ); } } 2. 自适应高度的AutoHeightPageView 这个组件使用了前面创建的HeightMeasureWidget来测量每个页面的高度,然后根据滑动进度调整高度。
Container( width: double.infinity, height: double.infinity, child: new IndexedStack( index: 0, alignment: Alignment.center, children: <Widget>[ Image.network("https://www.itying.com/images/flutter/list1.jpg",fit: BoxFit.cover,), Image.network("https://www.itying.com/images/flutter/list2...
key:Container唯一标识符,用于查找更新。 alignment:控制child的对齐方式,如果container或者container父节点尺寸大于child的尺寸,这个属性设置会起作用,有很多种对齐方式。 padding:decoration内部的空白区域,如果有child的话,child位于padding内部。padding与margin的不同之处在于,padding是包含在content内,而margin则是外部边界...