Flutter集成子module联调的解决方案

这里我们以钱包项目举例

网站建设哪家好，找创新互联公司！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了安福免费建站欢迎大家使用！

我们先建一个文件夹 Wallets 用来存放所有钱包项目需要联调的 Module 。如下图我们将所有需要联调的 Module 都存放到 Wallets 文件夹中。

做好上面的上面的准备后，我们用AS打开Wallets 文件夹，此时AS导航栏侧我们看到所有需要联调的子Module都在这里了

这时我们看到AS找不我们的入口文件

所以我们需要给AS设置一下，告诉AS我们的入口文件在哪里，点击上图红框选中的部分弹出下面的对话框

点击上图中箭头指向的+，弹出下面对话框

选择展开所有列表，选中Flutter，如下图所示

在弹出的对话框中按图中标注的操作

在弹出的对话框中按图中标注的操作

上面操作都完成之后回到下面的对话框可以看到Fix已经没有了，然后再按下图中所示操作

都操作好后就回到了AS开发主界面了，可以看到主界面上的入口文件已经显示了，运行按钮也可以点击了

Flutter初始化

新建一个Flutter工程，android模块。

1，只有一个Activity组件，它是Dart层绘制Widget的容器。

2，Application配置FlutterApplication。

应用Application配置io.flutter.app.FlutterApplication类，App首次启动时，初始化。

调用FlutterMain.startInitialization()方法。

initConfig方法，从AndroidManfest.xml配置的applicaion节点获取meta-data数据，初始化以下默认值。

这些值都是使用中用到的name，例如，抽取apk中asset资源时，flutter_assets打包目录，打包产物data名称。

initResources方法， 初始化资源。

在Flutter打包apk的asset目录下，包括fluttter_asset目录/资源项，将资源从apk中抽取，保存在 Context.getDir("flutter", 0) 目录下。

/data/user/0/包名/app_flutter目录。

在目录中创建一个时间戳文件，根据apk版本和包信息记录的lastUpdateTime更新时间，第二次启动时，若apk未更新，不需要再次抽取。

加载so库，libflutter.so，System.loadLibrary()。

主页面继承FlutterActivity，配置启动模式singleTop。

FlutterActivity类在io.flutter.app包， (区别io.flutter.embedding.android包)， 组件生命周期委托给FlutterActivityDelegate类。

组件启动，onCreate方法。

FlutterMain.ensureInitializationComplete方法，确保资源成功抽取完成，创建FlutterView视图(io.flutter.view)，继承SurfaceView类，setContentView方法，设置组件主布局即FlutterView视图。

最后，根据Bundle路径，runBundle()加载运行，

调用FlutterView的runFromBundle方法，入口点在dart的main方法，

通过FlutterNativeView，调用FlutterJNI的native方法。

nativeRunBundleAndSnapshotFromLibrary方法。

任重而道远

Flutter 之 文件操作（二十九）

Dart的 IO 库包含了文件读写的相关类，它属于 Dart 语法标准的一部分，所以通过 Dart IO 库，无论是 Dart VM 下的脚本还是 Flutter，都是通过 Dart IO 库来操作文件的，不过和 Dart VM 相比，Flutter 有一个重要差异是文件系统路径不同，这是因为Dart VM 是运行在 PC 或服务器操作系统下，而 Flutter 是运行在移动操作系统中，他们的文件系统会有一些差异。

Android 和 iOS 的应用存储目录不同， PathProvider 插件提供了一种平台透明的方式来访问设备文件系统上的常用位置。该类当前支持访问两个文件系统位置：

File代表一个整体的文件,他有三个构造函数，分别是：

文件读取本身有两种形式，一种是文本，一种是二进制。

2.2.1 读取文本内容

如果是文本文件，File提供了readAsString、readAsLines、readAsStringSync、readAsLinesSync方法，读取文本内容

readAsString 一次性读取所有文本

readAsLines 一行行的读取文本

结果返回的是一个List，list中表示文件每行的内容

readAsStringSync、readAsLinesSync同步读取文本

2.2.2 读取二进制内容

如果文件是二进制，那么可以使用readAsBytes或者同步的方法readAsBytesSync:

dart中表示二进制有一个专门的类型叫做Uint8List,他实际上表示的是一个int的List。

上面提到的读取方式，都是一次性读取整个文件，缺点就是如果文件太大的话，可能造成内存空间的压力。

所以File为我们提供了另外一种读取文件的方法，流的形式来读取文件.

示例

dart提供了open和openSync两个方法来进行随机文件读写：

写入和文件读取一样，可以一次性写入或者获得一个写入句柄，然后再写入。

一次性写入的方法有四种，分别对应字符串和二进制

句柄形式可以调用openWrite方法，返回一个IOSink对象，然后通过这个对象进行写入：

默认情况下写入是会覆盖整个文件的，但是可以通过下面的方式来更改写入模式：

虽然dart中所有的异常都是运行时异常，但是和java一样，要想手动处理文件读写中的异常，则可以使用try,catch:

我们还是以计数器为例，实现在应用退出重启后可以恢复点击次数。 这里，我们使用文件来保存数据：

1.引入PathProvider插件；在pubspec.yaml文件中添加如下声明：

执行 flutter pub get

2.实现如下

参考：

Flutter 文件路径

path_provider是flutter提供的一个获取应用存储路径的插件，它封装了统一的api来获取Android和ios两个平台的应用存储路径，提供的api如下：

getTemporaryDirectory()：获取应用临时文件夹，该文件夹用来保存应用的缓存，可以随时删除用于清缓存，对应于Android的getCacheDir()和ios的NSTemporaryDirectory()；

getApplicationDocumentsDirectory()：获取应用安装路径，在应用被卸载的时候删除，对应Android的AppDate目录和iOS的NSDocumentDirectory目录；

getExternalStorageDirectory()：获取存储卡目录，仅支持Android；

我们通过File和Directory来创建文件和文件夹时首先要获取到应用的相关路径，不然会报错；

File对象和Directory对象封装在dart:io中，使用时需要先引入该库：

Directory对象提供listSync()方法获取文件夹里的内容，该方法返回一个数组；

文件和文件夹都通过delete删除，delete异步，deleteSync同步；如果一个文件夹是非空的删除会报错，删除非空文件夹需要先清空该文件夹：

flutter对json序列化需要引入 dart:convert 库：

通过jsonEncode/jsonDecode来转换json对象：

// 将test目录下的info.json复制到test2目录下的info2.json中

引入包archive包：

压缩：

压缩前使用ZipFileEncoder先声明处理压缩的对象，调用该对象的zipDirectory方法压缩文件，该方法接受两个参数，第一个是要压缩文件/文件夹的路径，第二个是压缩包的保存路径；

解压：

Flutter获取的OverlayState来自哪里？

当在flutter中做一个全局的Toast,loading,Alert的时候，会使用到OverlayEntry,只要通过OverlayState.insert()就能展示在界面上。如此好用那OverlayState又是从哪来的呢？

首先,获取OverlayState可以直接调用OverlayState overlayState = Overlay.of(context);直接就拿context去找了：OverlayState result = context.findAncestorStateOfTypeOverlayState(); 

能找到？怎么就找到了呢

那看下Overlay的注释：

尽管您可以直接创建一个[Overlay]，但最常见的是使用[WidgetsApp]或[MaterialApp]中的[Navigator]创建的。导航器使用其overlay来管理路由的视觉外观。

其中很关键的点在Navigator,那去找Navigator,顺便还找到了Route。

Navigator中一层结构就是Overlay。那看下Flutter中导航到底是怎么做的。

许多应用程序在其小部件层次结构的顶部附近都有一个导航器，以便使用[Overlay]来显示它们的逻辑历史，其中最近访问的页面可视化地位于较旧页面的顶部。通过使用此模式，导航器可以通过在覆盖图中移动小部件从一个页面可视地过渡到另一个页面。

既然Overlay从导航而来，那App中怎么就有导航呢？

Flutter创建的的时候,main里面的入口runApp(),在视图的最底层会写一个MaterialApp().

找到MaterialApp。

那就找在哪创建了Navigator。没找到，但是在return时用的是WidgetsApp，看下介绍。

WidgetsApp定义了基本的应用程序元素，但不依赖于Material库,也就是MaterialApp是对WidgetsApp的上层封装，为我们集成了Material元素。继续找WidgetsApp。

在build里面创建了Navigator。

那么流程就是：MaterialApp —— WidgetsApp —— Navigator。

Overlay.of(context)拿到了Navigator里面的OverlayState.

Flutter入门（二）——实现一个简单的demo页面

首先查看入口函数：

类MyApp：

MyHomePage:

state:

build:

此demo页面涉及到两个组件：图片和icon。在这里做一个简单的介绍，更详细的学习请参考flutter官网和相关书籍

在flutter中，我们可以通过Image组件来加载并显示图片，Image的数据源可以是asset、文件、内存以及网络。

ImageProvider 是一个抽象类，主要定义了图片数据获取的接口 load() ，从不同的数据源获取图片需要实现不同的 ImageProvider ，如 AssetImage 是实现了从Asset中加载图片的ImageProvider，而 NetworkImage 实现了从网络加载图片的ImageProvider。

Image也提供了一个快捷的构造函数 Image.asset 用于从asset中加载、显示图片：

Image也提供了一个快捷的构造函数 Image.network 用于从网络加载、显示图片：

Flutter中，可以像web开发一样使用iconfont，iconfont也即"字体图标"，它是将图标做成字体文件，然后通过指定不同的字符而显示不同的图片。

加号为图片组件，减一为icon组件。点击加号，数字加1；点击-1，数字减少1。