Flutter初体验

一、环境搭建

1.window安装flutter，本人是Android开发，确保自己电脑以及安装过jdk以及sdk，还有Android studio

2.配置环境变量，计算机-->属性-->高级系统属性-->环境变量-->用户变量

（1）ANDROID_HOME：自己的sdk路径

 

（2）FLUTTER_STORAGE_BASE_URL：https://storage.flutter-io.cn

（3）PUB_HOSTED_URL：https://pub.flutter-io.cn

3.在随便的一个盘中比如d盘中建立flutter的sdk存放的文件夹例如（D:\FlutterSdk），在FlutterSdk文件夹中打开git bash：克隆bate分支到系统路径中：

git clone -b beta https://github.com/flutter/flutter.git

配置环境变量中的系统变量：将clone下来的项目bin目录配置到Path中：

4. 完成所有环境配置后重启电脑，重启后打开Android studio，File-->settings-->Plugins 搜索：

Dart，和Flutter 安装插件后重启Android studio，然后就可以创建项目了，按照正常的流程创建项目即可

5.打开cmd或者git bash 使用flutter doctor命令查看flutter的配置是否完成，如果出现以下内容，表示未出现问题，不用理会IDEA ，并没有用到它

6.可能遇到的问题：

（1）项目无法成功定位到Android sdk

解决办法：

（1.1）使用flutter doctor --android-licenses 命令

如果弹出：A newer version of the Android SDK is required. To update, run:

D:\AndroidSdk\sdk\AndroidSdk\tools\bin\sdkmanager --update

使用：D:\AndroidSdk\sdk\AndroidSdk\tools\bin\sdkmanager --update 命令

（1.2）检查自己ANDROID_HOME的环境变量路径配置是否正确，在项目中找到如下查看自己的flutter sdk以及dart的sdk的路径配置是否正确，在项目中找到local.properties中查看其配置是否正确

 

 

 

（2）Android adb无法连接：按照（1）的解决=办法走一次基本就会解决(Genymotion 好像不太好使，使用Android studio自带的模拟器较为好使)。

7.项目创建好之后打开lib中的main.dart文件：我们就可以编写代码了

二、Dart语言

1.概念

• 在Dart中，一切皆对象，一切对象都是class类的实例，甚至数字类型，方法，null都是对象，所有的对象继承自Object类。
• 虽然Dart是强类型语言，但是变量的类型是可选的，因为Dart可以自动推断变量类型。
• Dart支持泛型类型，如List<int>（整数列表）或List<dynamic>（任何类型的对象列表）.
• Dart支持顶层函数，例如main方法，也支持类方法或者是对象的方法，还可以在函数内嵌套函数。
• Dart支持顶层变量，也支持类变量或对象变量
• 和Java不同的是，Dart没有public，private，protected等关键字，如果变量以下划线开头，则代表它是本库私有的。
• Dart中变量可以以字母或下划线开头，后面跟着任意组合的字符或数字。

2.比较陌生的关键字

关键字	用法	关键字	用法
dynamic	修饰变量，接收任意类型的参数不用做类型检测	show	导包时会用到，表示 仅仅
hide	导包时会用到，表示除了	static	static修饰变量和方法还有对象
assert	断言，返回值是一个布尔值	enum	枚举类型
in	通常以for-in同时出现	async	async和await往往是成对出现的，异步操作
export	导出	await	异步操作
is	类型判断	sync	同步生成器，返回的是一个Iterable对象
factory	使用工厂关键字实现构造函数时,并不总是创建一个新的实例的类	mixin	重复使用类中代码的方式
on	在捕捉异常时使用	typedef	typedef 本质上为 一个方法签名提供了一个别名
rethrow	抛异常	yield	异步操作使用
deferred	deferred as可以让这个包懒加载	as	定型(也用于指定库前缀)

3.变量

3.1数据类型

numbers（包含int和double），booleans（布尔），strings（字符串），lists (数组)，maps，Runes(符号文字)，Runes(符号文字)

数据类型	占位
int	取值范围-253 到 253-1
double	64位
bool	只有两个值 true 和 false
var	var str1 = '单引号定义';var str2 = "双引号定义";var str3 = "转义 's ";
lists	var list = [1,2,3];
maps	key value形式的
Rune	它可以通过文字转换成符号表情或者代表特定的文字
Symbol	表示在Dart程序中声明的运算符或标识符

注意点： Dart 的类型推断功能，可不规定数据类型，由系统判断，检测两个 String 的内容是否一样事，我们使用 == 进行比较；如果要测试两个对象是否是同一个对象（indentity test），使用 identical 函数

4.语句

常见的 if/else，do while，while 和 switch 在 Dart 里面都支持。switch 也支持 String 和 enum。

5.函数

函数类型	写法
普通函数	int foo(int x) {return 0;}
可选参数	int foo(int x,[int y]){}
默认参数	int foo(int x,[int y=0]){}
具名参数	int foo({int x,int y}){}，调用print(foo(x:2,y:4));
具名参数有默认参数	int foo({int x=0,int y=0}){}，调用print(foo(x:2,y:4));
必须具名参数	int foo({@required int x,@required int y}){}
函数的嵌套	int foo(int z}){int add(int x,int y){return x+y+z;} return add}
lambda表达式	int foo(int z}){return (x,y)=> x+y+z;}

6.类

6.1定义类的方式

(1)常见的

class A{
    static const int sun=1;
    int x;
    final double y;
    A(int x,double y){
        this.x=x;
        this.y=y;
    }
}

(2)简洁版的

class A{
    int x;
    int y;
    A(this.x,this.y);
}

(3)使用初始化列表(initializer list)对对象进行初始化

class A{
    int _x;
    int y;
    A(int x,int y):x=x,y=y{
      //initializer list会在构造函数的函数体运行前执行。  
    }
}

(4)单继承和一定程度的多重继承

class B{
    int x;
    int y;
    B(this.x,this.y);
}
class A extends B{
    int z;
    int z;
    // 父类的构造函数只能在 initializer list里调用
    A(int x, int y, int z): z = z, super(x, y) {
    }
}
 //对象构造时的顺序,先执行子类的初始化列表，但只初始化自己的成员变量，然后初始化父类的成员变量，执行父类的构造函数函数体，执行子类的构造函数函数体。
 

7.泛型

和Java类似，跟 Java 不同的是，Dart 的泛型参数类型在运行时是保留的

8.Future，Steram

需要深入了解

三、Flutter初体验的Demo

Flutter初体验demo 运行环境genymotion Custom Phone 6.0 

参考文档：

玉刚大神 Flutter学习指南：UI布局和控件