首页  思维导图  详情

471Flutter学习笔记

2021-08-01 09:36:24   3  举报





AI智能生成

Flutter学习笔记

Flutter架构

Flutter技术

App开发

移动端

计算机类

学习笔记

学校教育

作者其他创作

大纲/内容

Dart语言

变量

在dart语言中：
变量是一个引用，未初始化的变量值是null；

Object、var与dynamic

Dart所有的变量皆对象

int是一个类
所有的基本类型都是一个class类，是与java中不同的；

例如int：
abstract class int extends num

var 在声明的变量赋值那一刻，就决定了它是什么类型

例如：
var j = "yulinmufeng";
j=100;(报错)

var l;
j = "yulinmufeng";
j=100;

常量修饰符的区别：
dynamic与var的使用方法是相反的（动态的）。例如以下：
dynamic z = "yulinmufeng";
z= 100;
但在实际开发的情况下，动态的声明变量和静态的声明变量，dynamic和var变量定义的在执行效率上，不如var定义的变量；
dynamic一般在不确定是什么类型的时候，才会使用dynamic来声明变量；
dynamic一般使用频率不是很高；
var的缺点是，不能很好一眼就看出来是什么类型；
object与java中的表现是一样的；

final与const的区别

final

final:
用法与java中是一样的；

const

const：
在赋值之后，是不能再次进行赋值的，与final是一样的；
final是运行期常量；
const是编译期常量；
const比final的运行效率要高；

特性：
final i = 1;
const j = 1;
//因为i是运行时确定，所以不能给编译时候就要确定的变量赋值
//const z= i;（不可以）

//可以使用另一个编译时确定的变量给它赋值
const z=j+1;(这样是可以的)

使用场景：
均可以声明一个不可变量的声明

内置类型

数据类型：num

int

说明：
1、通过源码中的注释，可以看出int类型，占用的字节，要看编译运行的平台，
分为4字节或者8字节，但可以认为和java一样，为4个字节；
2、dart当中的int，在编码的时候，可以将int当成java的int long来使用，如果我们写的
dart代码超过了4个字节，那么dart会将其编译成类似的java当中的long否则编译成java当中的
short或者int；
3、i.bitlength=占用的字节；
4、在使用上和java的方式是一样的；
备注：原则上java和Dart语言中的int不能拿到一块进行对比，因为Dart中为class类，而java是基本
数据类型；

double

说明：
1、如果要表示float类型时，只能使用double来表示；
2、Dart中的double和在java中的double在使用方式上市一样的；

说明：
1、num内置数据类型只有两个int和double；

字符串类型：String

说明：
1、在声明上与java一样；
String str = "走，一起去搓澡！";（dart）
2、方法String.format("&s%d",str,i);java中格式化一个字符串；
3、在Dart中更方便来格式化字符串，
String txt = "$str$num";（Dart语言字符串拼接）
String txt = "${str}s去搓澡$num";
4、在Dart中可以使用单引号和双引号两种声明方式，所以可以混合使用；
String s1 = "'test'";
String s2 = '"test"';
5、r前缀，就不进行换行------s3 = r"\n"
6、三引号使用"""sss"""
三引号在使用的时候，是可以进行内容换行的；

布尔类型：bool

说明：
1、bool来定义布尔类型；
2、定义方式：
bool b= false;

数据类型：List

说明：
1、List数组
2、Dart语言泛型
List<String> list = new List();
3、直接在声明的时候赋值
List<int> list = [1,2,3,4,5];
4、Dart语言取数据(像java数组一样通过下标取元素)
int item0 = list[0];
5、遍历数组(与java中相似)
for(var o in list){
}

for(var j= 0; j < list.length; ++j){
}
6、List对象不可变（const [1,2,3,4,5] = 意思就是可以再进行添加任何的元素）
List<int> list = const [1,2,3,4,5];
list.add(1);报错了
7、const修饰的是变量，也就是引用，那么变量就不能够在重新引用其他的对象了
const List<int> list = [1,2,3,4,5];
list = [3,4];报错了
list.add(1);报错了

映射集合：Map

说明：
1、声明一个映射集合如下：
Map<int,int> map = {1:1,2:2,3:3};
map[1]输出值=1，通过key来获取value；
2、修改一个元素的话，也是可以用个key来修改value的值
map[1] = 100;
3、用const声明map和list是一样的；
var map1 = const{1:1,2:2};
const var map1 = {1:1,2:2};
如果取一个不存在的数据会返回null；
4、迭代器遍历与java是一样的

Unicode：Runes

说明：
1、Runes：特殊字符表示类，其实真正表示的是，Unicode32=字符编码标准，这个标准可以表示任何
字符，就是所有的字符；
2、var clapping = '\u{1f44f}';//5个16进制需要使用{},用字符串数据一个拍手的图标
3、代码点与代码单元（可以自己去搜索一下，这两个的区别）

标识符：Symbols

说明：
1、（很少用到，作为了解）Symbols标识符，类似C、C++中的宏（但不完全相似）
2、定义一个symbols
var a = #asdfg;
a输出的时候就是为：symbols
使用点一般在switch中使用，其他的使用点就不多；
switch(a){
case #A:
break;
case #sadsad:
break;
}

说明：
java中有8大基本数据类型；
Dart中有7大内置类型；

操作符

类型判定操作符

类型转换：as

说明：
1、Dart语言中不支持java中强制类型转换的方法
2、Dart例如：
num j = 1;
//类型转换，不支持java的转化：(int)强转写法
int i = j as int;

类型判断：is、!is

说明：
1、dart语言中没有java中的instantof，而是需要is来实现；
if(index is int){
}
2、不属于int类型则命中if
if(index is! int){
}

赋值操作符：??=

说明：
1、java保证k后续使用时一定不为null
String k;
if(null == k){
k = "123";
}
2、dart语言中，??= 安全赋值，如果k有值，这句话就当它不存在，如果k没有值就赋值456
k ??= "456";

条件表达式

三目表达式：condition?expr1:expr2

说明：
1、跟java中的三目运算符是一样的

expr1 ?? expr2

说明：
1、如果expr1不为null，那么就返回expr1，否则就返回expr2
例如：
String k = "123";
var v = k ?? "789";
那么v= 123；
如果：
k = null；
var v = k ?? "789";
那么v = 789;

级联操作符：..

说明：
1、java中的话，就像是建造者是一样的，在每次返回的时候，都是他本身，这样的话就可以一直链式调用；
2、dart中级联操作符
new Builder()..a()..b();

class Builder {
void a(){
}
void b(){
}
}

安全操作符：?.

说明：
1、在正常开发的时候，经常遇到的异常就是空指针异常；
但是在dart语言中，可以使用?.来解决这个功能。
2、grovy和kotlin语言中都有这个?.此功能。

方法

可选命题参数

说明：
1、可选命题参数又名可选命名参数，并且在使用的时候，跟可选位置参数，有点相似；如下：
void fun({int i,int j}){}
在上面方法调用的时候，传递的参数，要以键值对的形式进行传递；如下：
fun(j:10,i:11);//这样调用
2、也可以设置默认参数值的；如下：
void fun({int i = 2,int j}){}
3、应用场景，不需要再像java一样，写一大堆的重载函数，并且能够提供参数默认值；

可选位置参数

说明：
1、java中没有；
2、dart语言中
void fun([int i, int j]){}
可选参数位置，只要是用[]括起来的参数，这个方法在被调用的时候，就可以传递想要传递的参数，
但是在参数传递的时候，也可以在参数中，直接给参数进行辅助，就是固定的参数，就设置为默认值；
如：void fun([int i, int j = 2]){}
如上如果要给j就行传值的话，就必须保证要给i传值，因为有位置要求；
3、应用场景，不需要再像java一样，写一大堆的重载函数，并且能够提供参数默认值；

默认参数值

一等方法对象

说明：
1、
void fun(Function f){
}

void main(){
   //方法都是对象，可以赋值给Function变量
   Function   f = fun;
   f((int i,int j,String str){
   return "1";
   });
}
以上代码运行报错，原因是参数对象不匹配，传的是Function，但是参数值确实多个；

//定义一个类型：F类型，这个F类型其实就是一个方法，接受两个int 参数，返回void
typedef void F(int i,int j);

void fun2(F f){
f(1);报错，此时会检测传递了几个参数；
}

2、在java中接口调用的方法，在dart中也是不同的；
java如下：
class OnClickListener{
   void onClick(){}
}

class Button{
   void setOnClickListener(OnClickListener listener){
   }
}

dart如下：
typedef void onClick();

class Button{
   void setOnClickListener(onClick listener){
    listener();
   }
}

匿名方法

说明：
1、匿名方法，lambda表达式

异常

说明：
（1）介绍catch的参数；
1、dart中和java中的异常抛出不一样；如下：
void test(){
   throw new Exception("你好");
}

void main(){
try{
   test();
   }catch(e){}
}
dart中虽然不强制你去捕获异常，但是类似java中try..catch异常也是可以的；如上面的代码；
2、java中针对不用的异常，就捕获不同的异常；但是在dart中是不可以的；
3、catch(e)中不仅可以接受一个参数e，其实可以同时接受好两个参数（最多两个参数），catch(e，s)这样；
e:就是抛出的异常对象；
s:就是调用栈信息，StackTrace

（2）根据不同的异常类型，进行不同的处理；
语法on TYPE catch....
try{
     test();
}on Exception catch(e,s){

}on intcatch(e){

}on Stringcatch(e){

}

类

类说明：
1、私有的类和属性，在dart语言中，表示方式；
//包括类的定义如果使用 _ 开头，意味着这个类就是private
class Point{
int _x;//使用_开始命名的变量，就是java的private，在外面不可以调用
int y;
}

构造函数

构造函数语法糖Point(this._x,this.y)

说明：
class Point{
   int _x;
   int y;
   Point(this._x,this.y);//构造函数
}
Point(this._x,this.y);
此构造方法相对于java中来说，比之前要简单的多；
dart语言中是不能进行方法重载的，但是我们是有定义多个方法的需求；

命名构造函数

说明：
1、dart语言中是不能进行方法重载的，但是我们是有定义多个方法的需求；
命名构造方法（可以根据名字就可以直接看出来这个构造方法是干嘛用的，这也是为什么有了命名构造方法，
还可以有可选参数构造方法的原因）：
Point.Y(this.y);
Point._X(this._X);
调用方式：var point = new Ponit.X(1);

2、构造方法的可选参数
Point(int x,int y){}//不用加this了

参数初始化列表

说明：
参数初始化列表(初始化类中的属性，可以不写方法体):
Point.XY():_x=1,y=2;
Point.fromMap(Map map):_x = map['x'],y=map['y'];

重定向构造函数

说明：
重定向构造函数
class View{
   View(int content,int attr);
   //重定向构造函数
   View.a(int   context):this(context,0);
}

常量构造函数

说明：
class ImmutabelPoint{
   final int x;
   final int y;
   //常量构造方法
   const ImmutabelPoint(this.x,this.y);
}
使用new来创建常量构造方法的对象，就和普通的对象没有区别；
但是使用const来创建多个对象，传递的参数一样，表示这几个对象是同一个编译器常量对象（必须定义常量构造函数）
void   main(){
   var p1 = const ImmutabelPoint(1,1);
   var  p1 = const ImmutabelPoint(1,1);
   print(p1.hashCode == p2.hashCode);//true
   print(p1 == p2);//true
}

工厂构造函数

说明：
在命名构造函数前面其实加一个factory就是工厂构造函数；
在工厂的构造方法中，不可以使用this

Getter与Setter

说明：
每一个实例属性，变量都会有一个隐式的get，非final 还有set方法；

操作符重载

说明：
操作符重载：把已经定义的、有一定功能的操作符进行重新定义；
例如：
<、+、|、[]、>、/、^、[]=、<=、~/、&、~、>=、*、<<、==、-、%、>>

抽象类与接口

说明：
1、abstract
使用abstract修饰符定义一个抽象类，抽象类中允许出现无方法的方法与java没有什么区别，不可以多继承；
abstract class Parent{
String name;
void printName();//抽象方法，不需要在方法前声明abstract
}

2、接口
与java不同，Dart中没有interface关键字，Dart中每个类都隐式的定义了一个包含所有势力成员的接口，
并且这个类实现了这个接口。如果你想创建类M来支持类N的方法，而不想继承N的实现，则类M应该实现N的接口；
每一类都可以看作为一个接口，Dart语言中没有分的太清楚。

混合mixins

说明：
Mixins是一种在多类继承中重用一个类代码的方法；而且被Mixins侵入的类
不能有构造函数。
此功能就是相对于弥补java不能多继承的问题；
class A{
void a(){}
}
class B{
void b(){}
}
class C with A,B{
void c(){}
}
还有一种写法：
class C = Object with A,B;//C类就是AB的混合类；
可以在C类中调用AB类中的方法，满足了我们的多继承的需求，但是不能重写；

使用混入的话可以弥补我们没有多线程的缺陷；

可调用的类

说明：
class Test{
void call()}{}
}
调用(只有call方法的时候才能这样调用)
test();就相当于调用了call()方法；
也可以直接调用
test.call();

环境搭建

Flutter配置开发环境

（0）网址：https://flutterchina.club/setup-windows/

（1）使用镜像配置环境变量

同时可以在用户中心和系统中心进行配置环境变量

mac

说明：以下是mac本配置的方式：（与window方式不一样，但是Flutter中文网上给的镜像的方式是错误的，给的mac上配置的方式，特此说明）
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

window

说明：window配置镜像的方式如下。
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

（2）下载Flutter的SDK

网址：https://flutter.dev/docs/development/tools/sdk/releases#windows

下载完成之后，进行解压，然后在进行环境变量的配置
配置到path路径下。

环境变量配置：
D:\install_files\flutter\flutter_sdk\flutter\bin
配置完成之后，
现在就可以使用flutter命令了

命令测试

打开cmd命令，执行以下命令：
flutter doctor
执行结果可以查看，flutter需要的条件有哪些，哪些还没有安装，都会给你列出来。
（如上图）

（3）安装插件

以上所有工作已经完成后
打开android studio进行安装Flutter插件，安装成功后，对android studio进行重启
然后在创建新项目的时候，就可以创建flutter项目了

（4）所有的准备工作已经完成

（5）遇到的第一个问题

错误日志如下：
Could not determine the dependencies of task ‘:app:compileDebugJavaWithJavac‘.

解决方法：
1、修改android目录下的build.gradle文件中的所有的google()和jcenter()换成阿里云的镜像

buildscript {
    ext.kotlin_version = '1.3.50'
    repositories {
//        google()
//        jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
        maven { url 'http://download.flutter.io'}
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:4.1.0'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    }
}

allprojects {
    repositories {
//        google()
//        jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
        maven { url 'http://download.flutter.io'}
    }
}

rootProject.buildDir = '../build'
subprojects {
    project.buildDir = "${rootProject.buildDir}/${project.name}"
    project.evaluationDependsOn(':app')
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

解决方法：
2、修改flutter sdk下的flutter.gradle文件，具体目录是flutter\packages\flutter_tools\gradle

buildscript {
    repositories {
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
    }
}

异步编程

isolate（Dart中的异步机制）

像进程一样的线程

事件驱动

事件队列与微任务队列

微任务队列的优先级是最高的
跟普通的任务并列好几个的时候，就算是微任务后提交，也会先把微任务执行完，之后再执行普通的任务！

微任务队列

会不会插队执行呢？

Futura

在异步编程中随处可见，代表了事件结果

对异步编程的异常捕获

等待多个异步结果进行后续操作：wait方法

Stream

异步事件流

Stream(流) 在 Dart API 中也经常出现，表示发出的一系列的异步数据。 Stream 是一个异步数据源，它是 Dart 中处理异步事件流的统一 API。

操作订阅者：取消、异常、暂停继续

广播模式：允许多个订阅者
Stream有两种订阅模式：单订阅和多订阅。单订阅就是只能有一个订阅者，上面的使用我们都是单订阅模式，而广播是可以有多个订阅者。通过 Stream.asBroadcastStream() 可以将一个单订阅模式的 Stream 转换成一个多订阅模式的 Stream，isBroadcast 属性可以判断当前 Stream 所处的模式。

async/await

async声明为异步方法，返回Future

await等待执行结果，异步变同步(多个异步串行执行)

使用`async`和`await`的代码是异步的，但是看起来很像同步代码。当我们需要获得A的结果，再执行B，时，你需要`then()->then()`,但是利用`async`与`await`能够非常好的解决回调地狱的问题

示例

//async 表示这是一个异步方法,await必须再async方法中使用
//异步方法只能返回 void和Future
Future<String> readFile() async {
  //await 等待future执行完成再执行后续代码
  String content = await new File("/Users/xiang/enjoy/a.txt").readAsString();
  String content2 = await new File("/Users/xiang/enjoy/a.txt").readAsString();
  //自动转换为 future
  return content;
}