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(
'张三'
),
),
);
}
}