flutter的思想就是一切皆为组件(Widget) 包括按钮 输入框 布局方式和动画都是组件

Widget可以理解为:

    一个界面组件

    一个定义的按钮

    一种布局

    一种动画处理

Widget 具有丰富的属性和方法,属性通常是用来改变组件的状态(如颜色大小等)以及回调方法的处理(单机时间的回调,手势的回调),方法主要提供了组件功能的扩展比如:TextBox 是一个矩形的文本组件 其属性和方法功能入选

    bottom:底部间距的属性

    direction:文本排列方向的属性

    left:左侧间距属性

    right:右侧间距属性

    top:上部间距属性

    topRect:导出矩形的方法

    toString:转换成字符串的方法

复杂的功能页面通常是由一个个简单功能组件完成的,有的组件负责布局,有的组件负责大小,有的组件负责定位,有的组件负责渐变,这些组件组合带来最大的好处就是解耦

    例如在界面中增加了一个居中组件Center  居中组件里面嵌套一个Container 容器组件 里面嵌套一个文本组件 Text 和一个装饰器

import 'package:flutter/material.dart';

void main() {

	runApp(MyApp());

}

class MyApp extends StatelessWidget{

[@override](https://my.oschina.net/u/1162528)

Widget build(BuildContext context) {

	// TODO: implement build

	// center组件

return Center(

// 增加一个容器组件

child: new Container(

// 添加一个装饰器

decoration: new BoxDecoration(

),

// 添加一个文本

child: new Text(

		'张三'

				),

			),

		);

	}

}
08-12 05:55