flutter 基础

入口标准代码

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 字间距

　　

标签：10,颜色,color,基础,EdgeInsets,组件,flutter,Alignment
来源： https://www.cnblogs.com/zs521/p/14659132.html