【持续更新】Flutter控件学习使用Flutter

/ / 2015-10-25
Flutter的一些控件学习使用: ...

1,MaterialApp

MaterialApp 是Material库中提供的Flutter APP框架,通过它可以设置应用的名称、主题、语言、首页及路由列表等。

在Flutter中,大多数东西都是widget,包括对齐(alignment)、填充(padding)和布局(layout)。MaterialApp也是一个widget。

他有一个变量:home 为Flutter应用的首页,它也是一个widget。

2,ThemeData

3,StatefulWidget

有状态的窗口,配合State表示这个窗口会刷新

Stateful widget至少由两个类组成:
一个StatefulWidget类。
一个 State类; StatefulWidget类本身是不变的,但是 State类中持有的状态在widget生命周期中可能会发生变化。

4,StatelessWidget

无状态的widget,表示窗口不会有什么变化

Flutter在构建页面时,会调用组件的build方法,widget的主要工作是提供一个build()方法来描述如何构建UI界面(通常是通过组合、拼装其它基础widget)。



UI组件

5,Scaffold

Scaffold 是Material库中提供的页面脚手架,它包含导航栏和Body以及其他UI组件

6,AppBar

7,Container

8,Text

9,Center

enter 可以将其子widget树对齐到屏幕中心

10,Column

Column的作用是将其所有子widget沿屏幕垂直方向依次排列


11,FloatingActionButton

悬浮按钮,点击的响应方法是onPressed属性

几种常用的button使用方法

http://seanyxie.com/a/yidongkaifa/Flutter/2019/0402/30.html

12,Icon


13,AnimatedWidget

动画widget的基类


14,FlatButton

扁平的按钮


15,DecoratedBox


16,BoxDecoration


17,DecorationImage


18,AssetImage

AssetImage 并非是一个widget, 它实际上是一个ImageProvider,有些时候你可能期望直接得到一个显示图片的widget,那么你可以使用Image.asset()方法,如:

Widget build(BuildContext context) {
return Image.asset('graphics/background.png');




使用$符号+变量名字,可以用来把这个变量的值输出打印出来,比如

new Text(
'$_counter',
style: Theme.of(context).textTheme.display1,
),


1