入口标准代码
void main(){ runApp(MyApp()) } class MyApp extends StatelessWidget{ @override Widget build(BuildContext context){ return MaterialApp( home:Scaffold( appBar:AppBar(title:Text("flutter demo")) ), body:Center( child:Text("xxxx"), ) ); } }
Container 容器组件
选项:值
child:子组件
height: dobule类型
width:dobule类型
padding:EdgeInsets.all(10) 四边边距 EdgeInsets.fromLTRB(10,10,10,10)左上右下
margin:EdgeInsets.all(10) 四边边距 EdgeInsets.fromLTRB(10,10,10,10)左上右下
transfom:Matrix4..translationVaues(100,0,0) 偏移 x,y,z
Matrix4.rotationZ(0.3) 旋转
alignment:Alignment.bottomLeft 内容对齐 /Alignment.bottomCenter /Alignment.topCenter ........
decoration:盒子装饰
BoxDecoration()
color:盒子背景颜色
borderRadius:BorderRadius.all( 盒子圆角
Radius:circular(8)
)
border: Border.all(
color:边框颜色
width:边框颜色
)
text文本组件
值
textAlign:TextAlign.right 文字靠右 TextAlign.center 文字居中
overflow:TextOverflow.ellipsis 超出省略
textScaleFactor:2 字体放大
maxLines:1 一行显示
style:TextStyle:() 文字样式
fontSize:16.0 文字大小
color:文字颜色 Color.fromARGB(1,2,3,4)
fontWeight:FontWeight.w300 字体加粗
fontStyle:FontStyle.italic 字体倾斜
decoration:TextDecoration.lineThrough
decorationColor:Color.white 穿过的线的颜色
decorationStyle:TextDecorationStyle.dashed 虚线
letterSpacing:5.0 字间距