flutter plugins插件【一】【FlutterJsonBeanFactory】

这篇具有很好参考价值的文章主要介绍了flutter plugins插件【一】【FlutterJsonBeanFactory】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

注意:

5.1.3版本,新生成一个entity的话需要重新运行flutter项目才行,否则

JsonConvertClassCollection不会重建,进而导致convertFuncMap也不会重建,从而出现不能转模型的报错

1、FlutterJsonBeanFactory

在Setting->Tools->FlutterJsonBeanFactory里边自定义实体类的后缀,默认是entity

复制json到粘贴板,右键自己要存放实体的目录,可以看到JsonToDartBeanAction

flutter plugins插件【一】【FlutterJsonBeanFactory】,Flutter,FlutterJsonBean,flutter插件

Class Name是实体名字,会默认加上entity
JSON TextJson文本
null-able勾选后所有属性都是可空的?,不勾选都会加上late,延迟初始化

flutter plugins插件【一】【FlutterJsonBeanFactory】,Flutter,FlutterJsonBean,flutter插件

执行Make后生成代码目录如下:
models项目自建,存放实体
generated/json是插件生成目录,xx_entity.g.daet是实体类生成的辅助类方法, base是存放基础公共代码

flutter plugins插件【一】【FlutterJsonBeanFactory】,Flutter,FlutterJsonBean,flutter插件

后台返回的数据一般是经过一层包装

{
  "code": 200,
  "message": "success",
  "data":{
    "id": "1",
    "name": "qi1",
    "age": 18
  }
}

而重新用插件生成会生成如下代码:

@JsonSerializable()
class ApiResponseEntity {

    int? code;
    String? message;
    ApiResponseData? data;
  
  ApiResponseEntity();

  factory ApiResponseEntity.fromJson(Map<String, dynamic> json) => $ApiResponseEntityFromJson(json);

  Map<String, dynamic> toJson() => $ApiResponseEntityToJson(this);

  @override
  String toString() {
    return jsonEncode(this);
  }
}

@JsonSerializable()
class ApiResponseData {

    String? id;
    String? name;
    int? age;
  
  ApiResponseData();

  factory ApiResponseData.fromJson(Map<String, dynamic> json) => $ApiResponseDataFromJson(json);

  Map<String, dynamic> toJson() => $ApiResponseDataToJson(this);

  @override
  String toString() {
    return jsonEncode(this);
  }
}

要是这样,每一个接口的都有一个ResponseEntity,使用起来不便于统一封装。
所以我们可以把ApiResponseData换成 dynamic,文件底部的ApiResponseData信息也全部删除,再执行Alt+J,这样就会自动清理掉整理json_convert_content.dartapi_response_entity.g.dart中的ApiResponseData痕迹。再把dynamic替换成T,并且去除顶部的@JsonSerializable(),避免下次执行Alt+J,替换掉自己的自定义。

@JsonSerializable()
class ApiResponseEntity<T> {
  late int code;
  late String message;
  late T data;

  ApiResponseEntity();

  factory ApiResponseEntity.fromJson(Map<String, dynamic> json) =>
      $ApiResponseEntityFromJson<T>(json);

  Map<String, dynamic> toJson() => $ApiResponseEntityToJson(this);

  @override
  String toString() {
    return jsonEncode(this);
  }
}
ApiResponseEntity<T> $ApiResponseEntityFromJson<T>(Map<String, dynamic> json) {
  final ApiResponseEntity<T> apiResponseEntity = ApiResponseEntity<T>();
  final int? code = jsonConvert.convert<int>(json['code']);
  if (code != null) {
    apiResponseEntity.code = code;
  }
  final String? message = jsonConvert.convert<String>(json['message']);
  if (message != null) {
    apiResponseEntity.message = message;
  }
  final T data = jsonConvert.convert<dynamic>(json['data']);
  if (data != null) {
    apiResponseEntity.data = data;
  }
  return apiResponseEntity;
}

Map<String, dynamic> $ApiResponseEntityToJson(ApiResponseEntity entity) {
  final Map<String, dynamic> data = <String, dynamic>{};
  data['code'] = entity.code;
  data['message'] = entity.message;
  data['data'] = entity.data;
  return data;
}

并且把api_response_entity.g.dart移除generated目录,因为那个目录会自动删除无用的文件。可以和api_reponse_entity.dart单独存放在一个文件夹当中。

优化后使用

第一次发现,reponse的data是null。因为新的插件在 asT方法没有去调用fromJsonAsT,这个需要我们自加上,否则会失败。

if (_convertFuncMap.containsKey(type)) {
  return _convertFuncMap[type]!(value) as T;
} else {
  return fromJsonAsT<T>(value);
  // throw UnimplementedError('$type unimplemented');
}
  //单实体
  String responseData1 = """
    {
      "code": 200,
      "message": "success",
      "data":{
        "id": 1,
        "name": "qi1",
        "age": 21
      }
    }
    """;

  //List
  String responseData2 = """
    {
      "code": 200,
      "message": "success",
      "data":[
        {
          "id": 1,
          "name": "qi1",
          "age": 21
        },{
          "id": 2,
          "name": "qi2",
          "age": 22
        }
      ]
    }
    """;

//基础数据类型
  String responseData3 = """
    {
      "code": 200,
      "message": "success",
      "data": 18
    }
    """;

  _apiResponseDecode() {
    setState(() {
      response1 = ApiResponseEntity.fromJson(jsonDecode(responseData1));
      response2 = ApiResponseEntity.fromJson(jsonDecode(responseData2));
      response3 = ApiResponseEntity.fromJson(jsonDecode(responseData3));
    });
  }

  _getApiResponseContent() {
    return response1.toString() +
        "\n" +
        response2.toString() +
        "\n" +
        response3.toString();
  }

如果修改了某个entity中的某个字段   或者  需要重新生成.g.dart和json_convert_content.dart

只需要Alt + j 快捷键即可

参考链接:https://juejin.cn/post/7043721908801503269文章来源地址https://www.toymoban.com/news/detail-691809.html

到了这里,关于flutter plugins插件【一】【FlutterJsonBeanFactory】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Flutter系列文章-Flutter 插件开发

    在本篇文章中,我们将学习如何开发 Flutter 插件,实现 Flutter 与原生平台的交互。我们将详细介绍插件的开发过程,包括如何创建插件项目、实现方法通信、处理异步任务等。最后,我们还将演示如何将插件打包并发布到 Flutter 社区。 在 Flutter 项目中,你可能需要与原生平台

    2024年02月11日
    浏览(37)
  • flutter开发实战-webview插件flutter_inappwebview使用

    flutter开发实战-webview插件flutter_inappwebview使用 在开发过程中,经常遇到需要使用WebView,Webview需要调用原生的插件来实现。常见的flutter的webview插件是webview_flutter,flutter_inappwebview。之前整理了一下webview_flutter,查看https://blog.csdn.net/gloryFlow/article/details/131683122 这里我们使用fl

    2024年02月07日
    浏览(48)
  • [flutter][报错]One or more plugins require a higher Android SDK version.

    报文 解决 修改方案:找到本地flutter安装目录D:flutterflutter_windows_3.3.1-stableflutterpackagesflutter_toolsgradle,修改flutter.gradle文件内static int compileSdkVersion = 31==》static int compileSdkVersion = 33 引用 flutter 项目报错 One or more plugins require a higher Android SDK version.

    2024年02月04日
    浏览(39)
  • Flutter插件开发-(进阶篇)

    一、概述 Flutter也有自己的Dart Packages仓库。 插件的开发和复用能够提高开发效率,降低工程的耦合度 ,像网络请求(http)、用户授权(permission_handler)等客户端开发常用的功能模块,我们只需要引入对应插件就可以为项目快速集成相关能力,从而专注于具体业务功能的实现。 除

    2024年02月08日
    浏览(37)
  • 一统天下 flutter - 插件: flutter 使用 android 原生控件,并做数据通信

    源码 https://github.com/webabcd/flutter_demo 作者 webabcd 示例如下: libpluginplugin2.dart androidappsrcmainkotlincomexampleflutter_demoMainActivity.kt androidappsrcmainkotlincomexampleflutter_demoMyFlutterPlugin2.kt androidappsrcmainkotlincomexampleflutter_demoMyView.kt androidappsrcmainreslayoutview_my.xml 源码 http

    2024年02月03日
    浏览(50)
  • 一统天下 flutter - 插件: flutter 使用 ios 原生控件,并做数据通信

    源码 https://github.com/webabcd/flutter_demo 作者 webabcd 示例如下: libpluginplugin2.dart iosRunnerAppDelegate.swift iosRunnerMyFlutterPlugin2.swift iosRunnerMyView.swift 源码 https://github.com/webabcd/flutter_demo 作者 webabcd

    2024年02月03日
    浏览(39)
  • 一统天下 flutter - 插件: flutter 使用 web 原生控件,并做数据通信

    源码 https://github.com/webabcd/flutter_demo 作者 webabcd 示例如下: libpluginplugin2.dart libpluginflutter_plugin_web2_stub.dart libpluginflutter_plugin_web2.dart 源码 https://github.com/webabcd/flutter_demo 作者 webabcd

    2024年02月03日
    浏览(40)
  • Flutter中的视频播放插件

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 video_player是一个在Flutter开发框架中进行应用程序开发的Flutter插件.在项目开发中使用video_player插件中的VideoPlayer组件进行视频播放时,需要由VideoPlayerController组件对视频的播放进行控制。VideoPlayerContr

    2024年02月11日
    浏览(41)
  • Flutter的oktoast插件详解

    oktoast是一个Flutter库,它提供了一种简单且易于使用的方式来显示轻量级的Toast消息(类似于Android中的Toast)。Toast消息通常用于在屏幕上显示临时的通知或提示,以向用户提供简短的信息反馈。 oktoast插件 OKToast 是一款纯dart编写的flutter三方库, 调用不用context。 以下是关于f

    2024年02月07日
    浏览(33)
  • flutter开发 - 七牛云上传sdk插件qiniu_flutter_sdk使用

    flutter七牛云上传sdk插件qiniu_flutter_sdk使用 最近在拆分代码,将上传组件设置成插件,下面记录下实现过程。 一、创建flutter_plugin上传插件 这里Android Studio使用创建plugin 填写一下信息 Project name Project location Description Project type Organization Android Language iOS Language Platforms 二、代码实

    2024年02月10日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包