【Flutter】Dart篇之四

曾经终败给现在 2024-04-26 02:05 105阅读 0赞

> ? 本文由 [程序喵正在路上][Link 1] 原创，CSDN首发！  
> ? 系列专栏：[Flutter学习][Flutter]  
> ? 首发时间：2024年4月23日  
> ? 欢迎关注?点赞?收藏?留言?

#### 目录 ####

*  库
 *   *  自定义库
     *  系统内置库
     *  第三方库
     *  其它
 *  一些特性
 *   *  null safety
     *  ? 可空类型
     *  ! 类型断言
     *  late
     *  required
 *  性能优化
 *   *  回顾常量知识
     *  identical函数
     *  const
     *  常量构造函数

## 库 ##

前面介绍 **Dart** 基础知识的时候基本上都是在一个文件里面编写 **Dart** 代码的，但实际开发中不可能这么写，模块化很重要，所以这就需要使用到库的概念。

在 **Dart** 中，库的使用时通过 `import` 关键字引入的。

`library` 指令可以创建一个库，每个 **Dart** 文件都是一个库，即使没有使用 `library` 指令来指定。

Dart中的库主要有三种：

1.  我们自定义的库：`import 'lib/xxx.dart';`
2.  系统内置库
    
        import 'dart:math';    
        import 'dart:io'; 
        import 'dart:convert';
3.  Pub包管理系统中的库，即第三方库  
    [https://pub-web.flutter-io.cn/][https_pub-web.flutter-io.cn]  
    [https://pub-web.flutter-io.cn/packages][https_pub-web.flutter-io.cn_packages]
    
    如何使用第三方库？
    
     *  需要在自己的项目根目录新建一个 `pubspec.yaml` 配置文件
     *  在 `pubspec.yaml` 文件中配置第三方库的名称 、描述、依赖等信息
     *  然后运行 `pub get` 获取包下载到本地
     *  在项目中要使用的地方引入库 `import 'package:http/http.dart' as http;`，然后具体使用方法查看文档使用

### 自定义库 ###

在 **Dart** 中，每个 **dart** 文件都是一个库，前面我们将每个类分别写在一个类中，其实它们就是一个个库，我们可以其他文件中导入并使用

### 系统内置库 ###

导入系统内置库的写法是 `dart:库名`，下面是使用系统库 **math** 的例子：

import "dart:math";
    
    main() {
        
      //调用math库中的方法
      print(min(12, 23));
      print(max(12, 25));
    }

下面是一个使用系统内置库实现请求服务端数据的例子：

import 'dart:io';
    import 'dart:convert';
    
    void main() async {
        
      var result = await getDataFromZhihuAPI();
      print(result);
    }
    
    //api接口： http://news-at.zhihu.com/api/3/stories/latest
    getDataFromZhihuAPI() async {
        
      //1、创建HttpClient对象
      var httpClient = new HttpClient();
      //2、创建Uri对象
      var uri = new Uri.http('news-at.zhihu.com', '/api/3/stories/latest');
      //3、发起请求，等待请求
      var request = await httpClient.getUrl(uri);
      //4、关闭请求，等待响应
      var response = await request.close();
      //5、解码响应的内容
      return await response.transform(utf8.decoder).join();
    }

右键运行，我们就可以获取到服务端返回的数据：

![在这里插入图片描述][169949384c094507be8f402d79cd258e.png]

关于代码中使用到的 `async` 和 `await` 这两个关键字，我们需要说一下：

*  `async` 是让方法变成异步
 *  `await` 是等待异步方法执行完成
 *  只有 `async` 方法才能使用 `await` 关键字调用方法
 *  如果调用别的 `async` 方法必须使用 `await` 关键字

### 第三方库 ###

下面我们演示如何使用一个第三方库：

1.  从下面的网址找到要用的库  
    [https://pub-web.flutter-io.cn/][https_pub-web.flutter-io.cn]  
    [https://pub-web.flutter-io.cn/packages][https_pub-web.flutter-io.cn_packages]
    
    点击第二个网站进入，我们点击这个库进入：
    
    ![在这里插入图片描述][98f6a5fbd6304387bee21495437fcb1a.png]
    
    进入后，是这个库的详细信息，我们主要关注这两个：
    
    ![在这里插入图片描述][677c60bad86e4be5991f5240497d9651.png]
2.  在你的项目中创建一个名为 **pubspec.yaml** 文件
    
    点开刚刚第三方库页面的 **installing** 栏目，可以看到我们需要配置的依赖，将其复制，来到 **pubspec.yaml** 文件中，书写以下内容：
    
        name: xxx       
        description: A new flutter module project.
        environment:    # 添加项目使用的Dart SDK版本约束
          sdk: '>=3.3.0 <4.0.0'
        dependencies:   # 第三方库所需依赖
          http: ^1.2.1
    
    前面两项在当前阶段，不配置也行，就是名称和描述
    
    Ctrl \+ S 保存后，**vscode** 会自动执行 `pub get` 命令帮我们下载依赖，如果没有自动下载，可以打开命令行窗口，定位到当前目录，手动执行 `pub get` 命令
    
    ![在这里插入图片描述][749ea94c389b488c8f9e049fc3b90feb.png]
3.  查看文档，引入库使用

官网中已经给出使用的示例代码，我们复制并稍微修改一下：

![在这里插入图片描述][8d814215091f4735a85f2365a6a98a9a.png]

换了个网址，并且我们直接打印出获取到的数据：

import 'dart:convert' as convert;
    import 'package:http/http.dart' as http;
    
    void main(List<String> arguments) async {
        
      var url = Uri.parse(
          'http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1');
    
      var response = await http.get(url);
      if (response.statusCode == 200) {
        
        var jsonResponse =
            convert.jsonDecode(response.body) as Map<String, dynamic>;
        print(jsonResponse); //直接打印出获取到的数据
      } else {
        
        print('Request failed with status: ${
          response.statusCode}.');
      }
    }

![在这里插入图片描述][89cdfd8e84e74be0bf0d4ee804bfea57.png]

### 其它 ###

**不同库中相同名称标识符冲突的解决**

当引入两个库中有相同名称标识符的时候，如果是 **java** 通常我们通过写上完整的包名路径来指定使用的具体标识符，甚至不用 `import` 都可以，但是 **Dart** 里面是必须 `import` 的。当冲突的时候，我们可以使用 `as` 关键字来指定库的前缀。如下例子所示：

两个库中都有 **Person** 这个类导致冲突，我们将一个库重命名：

import 'lib/Person1.dart';
    import 'lib/Person2.dart' as lib;
    
    main(List<String> args) {
        
      Person p1 = new Person('张三', 20);
      p1.printInfo();
    
      lib.Person p2 = new lib.Person('李四', 20);
      p2.printInfo();
    }

**部分导入**

如果只需要导入库的一部分，有两种模式：

*  模式一：只导入需要的部分，使用 `show` 关键字，如下例子所示：
    
        import 'package:lib1/lib1.dart' show foo;
 *  模式二：隐藏不需要的部分，使用 `hide` 关键字，如下例子所示：
    
        import 'package:lib2/lib2.dart' hide foo;

**延迟加载**

延迟加载，也称为懒加载，可以在需要的时候再进行加载。

懒加载的最大好处就是可以减少APP的启动时间。

懒加载使用 `deferred as` 关键字来指定，如下例子所示：

import 'package:deferred/hello.dart' deferred as hello;

当需要使用的时候，需要使用 `loadLibrary()` 方法来加载：

greet() async {
        
      await hello.loadLibrary();
      hello.printGreeting();
    }

## 一些特性 ##

### null safety ###

*  **null safety** 翻译成中文的意思是空安全
 *  **null safety** 可以帮助开发者避免一些日常开发中很难被发现的错误，并且额外的好处是可以改善性能
 *  Flutter2.2.0 之后的版本都要求使用 **null safety**

在正常情况下，我们是无法将一个空（**null**）赋值给一个 **int** 或 **String** 等类型的变量的，这就是 **null safety** 的功劳。

如果我们一定要赋值呢？这就有了**可空类型**的出现。

### ? 可空类型 ###

void main(args) {
        
      //? 可空类型
      String? username = "张三"; //String? 表示username是一个可空类型
      username = null;
      print(username);
    
      int? a = 123; //int? 表示a是一个可空类型
      a = null;
      print(a);
    
      List<String>? l1 = ["张三", "李四", "王五"];
      l1 = null;
      print(l1);
    }

只需要在一个类型后面加上一个问号，就表示这个类型可以为空

### ! 类型断言 ###

在变量后面加上一个感叹号，程序运行时就会判断这个变量是否为空，为空则会抛出异常

void printLength(String? str) {
        
      try {
        
        print(str!.length);
      } catch (e) {
        
        print("str is null");
      }
    }
    
    void main(args) {
        
      // ! 类型断言
      String? str = "this is str";
      str = null;
      // print(str!.length); //当str为空时会抛异常
    
      //类型断言: 一般搭配try...catch使用
      //如果str不等于null, 会打印str的长度，如果等于null会抛出异常
      printLength("str");
      printLength(null);
    }

![在这里插入图片描述][a4aa22a04900474e9a72a1afe97d8dad.png]

### late ###

`late` 关键字主要用于延迟初始化。

class Person {
        
      late String name;
      late int age;
    
      void setName(String name, int age) {
        
        this.name = name;
        this.age = age;
      }
    
      String getName() {
        
        return "${
          this.name}---${
          this.age}";
      }
    }
    
    void main(args) {
        
      Person p = new Person();
      p.setName("张三", 20);
      print(p.getName());
    }

在一个类中，如果我们没有写构造函数对其进行初始化，那么程序就会报错，告诉我们没有初始化，这时候我们就可以在属性前面加上 `late` 关键字类延迟其初始化

### required ###

*  `required` 翻译成中文的意思是需要、依赖
 *  `required` 关键词:
    
     *  最开始 `@required` 是注解
     *  现在它已经作为内置修饰符
     *  主要用于允许根据需要标记任何命名参数（函数或类），使得它们不为空。因此命名参数中必须有个 `required` 参数或者该参数有个默认值。

class Person {
        
      String? name; //可空属性
      int age;
      Person({
        this.name, required this.age}); // name可以传入也可以不传入, age必须传入
    
      String getName() {
        
        return "${
          this.name}---${
          this.age}";
      }
    }
    
    void main(args) {
        
      Person p = new Person(name: "张三", age: 20);
      print(p.getName()); //张三---20
    
      Person p1 = new Person(age: 20);
      print(p1.getName()); //null---20
    }

## 性能优化 ##

### 回顾常量知识 ###

*  在 Dart 中，我们用 `final` 和 `const` 修饰符来定义常量
 *  `const` 的值不能改变，一开始就得赋值
 *  `final` 可以在定义时不赋值，但是只能赋一次值; 而 `final` 不仅有 `const` 的编译时常量的特性，最重要的它是运行时常量，并且 `final` 是惰性初始化，即在运行时第一次使用前才初始化

### identical函数 ###

`dart:core` 库中 `identical` 函数的用法介绍如下：

bool identical(
       Object? a,    
       Object? b   
    )

检查两个引用是否指向同一个对象，通俗地讲，就是检查两个实例是否共用一块存储空间。

void main() {
        
      var o1 = Object();	//省略了new
      var o2 = Object();
      print(identical(o1, o2));   //false, 不共享存储空间
      print(identical(o1, o1));   //true, 共享存储空间
    }

### const ###

我们发现：`const` 关键词在多个地方创建相同的对象的时候，内存中只保留了一个对象，也就是共享存储空间

共享存储空间条件：1、常量；2、值相等

void main() {
        
      // o1和o2共享存储空间
      var o1 = const Object();
      var o2 = const Object();
      print(identical(o1, o2)); //true 共享存储空间
      print(identical(o1, o1)); //true 共享存储空间
    
      //没有加const
      var a1 = [2];
      var b1 = [2];
      print(identical(a1, b1)); //false 不共享存储空间
    
      const a = [2];
      const b = [2];
      print(identical(a, b)); //true 共享存储空间
    
      //值必须相同
      const c = [2];
      const d = [3];
      print(identical(c, d)); //false  不共享存储空间
    }

### 常量构造函数 ###

常量构造函数总结如下几点：

1.  常量构造函数需以 `const` 关键字修饰
2.  `const` 构造函数必须用于成员变量都是 `final` 的类
3.  如果实例化时不加 `const` 修饰符，即使调用的是常量构造函数，实例化的对象也不是常量实例
4.  实例化常量构造函数的时候，多个地方创建这个对象，如果传入的值相同，只会保留一个对象。
5.  **Flutter** 中 `const` 修饰不仅仅是节省组件构建时的内存开销，**Flutter** 在需要重新构建组件的时候，由于这个组件是不应该改变的，重新构建没有任何意义，因此 **Flutter** 不会重建构建 `const` 组件

//常量构造函数
    //实例化常量构造函数的时候，多个地方创建这个对象，如果传入的值相同，只会保留一个对象
    class Container {
        
      final int width;
      final int height;
      const Container({
        required this.width, required this.height});
    }
    
    void main() {
        
      //没有加const
      var c1 = Container(width: 100, height: 100);
      var c2 = Container(width: 100, height: 100);
      print(identical(c1, c2)); //false
    
      var c3 = const Container(width: 100, height: 100);
      var c4 = const Container(width: 100, height: 100);
      print(identical(c3, c4)); //true
    
      //值不相等
      var c5 = const Container(width: 100, height: 110);
      var c6 = const Container(width: 120, height: 100);
      print(identical(c5, c6)); //false
    }

[Link 1]: https://blog.csdn.net/weixin_62511863?spm=1011.2421.3001.5343
[Flutter]: https://blog.csdn.net/weixin_62511863/category_12649403.html?spm=1001.2014.3001.5482
[https_pub-web.flutter-io.cn]: https://pub-web.flutter-io.cn/
[https_pub-web.flutter-io.cn_packages]: https://pub-web.flutter-io.cn/packages
[169949384c094507be8f402d79cd258e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/a6b678c1f9c34f36bfa87b6e64dd3661.png
[98f6a5fbd6304387bee21495437fcb1a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/b07812f396dc425c8958a5a14f271e0a.png
[677c60bad86e4be5991f5240497d9651.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/2098d62112dc467b866400f2a1b42fc8.png
[749ea94c389b488c8f9e049fc3b90feb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/6c5f36e2911e41a5b623f7e916e4bd51.png
[8d814215091f4735a85f2365a6a98a9a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/618d1d8e41b748d0a6b99e9438ab245b.png
[89cdfd8e84e74be0bf0d4ee804bfea57.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/93569031338c455e9559b7ddb2c41937.png
[a4aa22a04900474e9a72a1afe97d8dad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/16067a7dde0a4053a672f8cd0c112576.png