flutter框架

最近在搞大创，主要课题就是flutter开发，简单认识一下
本文将widget称为控件

项目开篇介绍
一个Flutter项目从main函数中的runApp调用开始。在ranApp函数中所接收的控件会成为整个屏幕的根控件，并覆盖在整个屏幕。（可以将这个控件理解成iOS中的rootViewController或android中在manifest文件中配置的mainActivity的界面）。而其他的控件（widget）都是在这个根控件上添加的。

import 'package:flutter/material.dart';void main() {runApp(  // 接收的是根的widgetnew Center(  //根的widget，Center可以在屏幕中心显示控件child: new Text('Hello, world!',textDirection: TextDirection.ltr,),),);
}

常用的控件

• Text：该 widget 可让创建一个带格式的文本。
• Row、 Column：这些具有弹性空间的布局类Widget可让您在水平（Row）和垂直（Column）方向上创建灵活的布局。
• Stack： 取代线性布局 (译者语：和Android中的LinearLayout相似)，Stack允许子 widget 堆叠， 你可以使用 Positioned来定位他们相对于Stack的上下左右四条边的位置。Stacks是基于Web开发中的绝度定位（absolute positioning )布局模型设计的。
• Container： Container 可让您创建矩形视觉元素。container 可以装饰为一个BoxDecoration, 如 background、一个边框、或者一个阴影。 Container 也可以具有边距（margins）、填充(padding)和应用于其大小的约束(constraints)。另外， Container可以使用矩阵在三维空间中对其进行变换。

使用 Material 组件
虽然我们可以自定义很多控件，但是Flutter还是预定义了很多的组件可以方便的直接使用。例如：

• Navigator管理由字符串标识的Widget栈，可以让您的应用程序在页面之间的切换。

添加手势处理
可以使用手势检测器 GestureDetector 添加手势处理。例如自定义按钮的点击事件处理
常见的手势事件如下：

• Tap
  onTapDown 指针已经在特定位置与屏幕接触
  onTapUp 指针停止在特定位置与屏幕接触
  onTap tap事件触发
  onTapCancel 先前指针触发的onTapDown不会在触发tap事件
• 双击
  onDoubleTap 用户快速连续两次在同一位置轻敲屏幕.
• 长按
  onLongPress 指针在相同位置长时间保持与屏幕接触
• 垂直拖动
  onVerticalDragStart 指针已经与屏幕接触并可能开始垂直移动
  onVerticalDragUpdate 指针与屏幕接触并已沿垂直方向移动.
  onVerticalDragEnd 先前与屏幕接触并垂直移动的指针不再与屏幕接 触，并且在停止接触屏幕时以特定速度移动
• 水平拖动
  onHorizontalDragStart 指针已经接触到屏幕并可能开始水平移动
  onHorizontalDragUpdate 指针与屏幕接触并已沿水平方向移动
  onHorizontalDragEnd 先前与屏幕接触并水平移动的指针不再与屏幕接触，并在停止接触屏幕时以特定速度移动

稍微复杂点的例子，listView多状态处理