Flutter 开发 Tips （第二期）

提高 flutter attach 的成功率

方案 1

断开 wifi，执行 flutter attach，attach 成功后再链接 wifi

方案 2

通过指定设备 uuid 进行 attach

通过 flutter devices 查找已链接设备列表，获取链接设备的 uuid
flutter attach -d <#uuid#> 指定想要 attach 的设备进行连接，例如 flutter attach -d AE5D772C-6D56-43AD-83F2-0554257B16C4

方案 3

通过指定应用的 app-id 进行 attach

同一 wifi 环境下如果有多台相同项目设备连接中，找到你需要 attach 的 app-id 进行连接
执行： flutter attach --app-id <#app_id#> 例如： flutter attach --app-id com.xxx.xxx ## 从 package 中加载 json 文件

背景

例如我这里有一个 flutter 的 demo 项目叫 flutter_demo_package_json_load ，在根目录通过命令： flutter create --template=package json_test_package ,创建了一个名为 json_test_package 的 package，在 package 的 assets 中有一个为 test2.json 文件，现在需要在 package 中加载到改文件。

从工程加载 json

对于普通项目的 json 文件，加载方式如下：

在项目中添加 json 文件，例如项目的 assets 下有一个名为 test1.json 的文件
我们在 yaml 中添加如下依赖

# 只加载 assets 下的 test1.json 文件
assets:
  - assets/test1.json

# 或者
# 加载 assets 下的所有文件
 assets:
  - assets/

通过 rootBundle 加载

Future<String> _loadFromProjectAsset() async {
  // json file in project,is ok
  return rootBundle.loadString("assets/test1.json");
}

但是对于 package 下面 json 文件上面的方法失效了，使用上面的方法加载将会报错，错误信息如下：

错误原因是资源路径不对，加载不到，因为 rootBundle 类没有提供 package name 的参数，我们只能把 package name 信息放在资源路径里面。

从 package 加载 json

灵感来自 https://pub.dev/packages/lottie 库的 Lottie.asset("assetsPath",package: "package_name") 方法，因为 lottie 实现动画的原理也是加载一份 json 配置，不过这个方法支持指定 package 配置。

这里的 keyName 就是我们 rootBundle 类里面需要用的资源路径，包含带 package 的情况。

正确的方式如下：

第一步和上面一样，将 json 文件添加到工程中，假如这里我们 package 里面的 json 文件名为 test2.json

在 yaml 中添加如下依赖

# 只加载 assets 下的 test2.json 文件
assets:
 - assets/test2.json

# 或者
# 加载 assets 下的所有文件
assets:
 - assets/

通过 rootBundle 加载，但是 path 的格式为 packages/<#package_name#>/<#file_path#> 这里为

// json file in package,this is work
Future<String> _loadFromPackageAsset() async {
  // 【importance】 packag json file need use this formate:
  //  `packages/$package/$assetName` 
  return rootBundle.loadString("packages/json_test_package/assets/test2.json");
}

通过 DefaultAssetBundle 也是一样可以

// This is work too.
Future<String> testLoadJsonFileByDefaultAssetBundle(BuildContext context) {
  // 【importance】 packag json file need use this formate:
  //  `packages/$package/$assetName` 
  return DefaultAssetBundle.of(context)
      .loadString('packages/json_test_package/assets/test2.json');
}