flutter数据模型（Flutter 数据库）

本篇文章给大家谈谈flutter数据模型，以及Flutter 数据库对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享flutter数据模型的知识，其中也会对Flutter 数据库进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、Flutter创建数据模型json_annotation build_runner
• 2、Flutter中InheritedWidget的使用
• 3、做混合的话Uniapp和Flutter我应该学哪个啊？
• 4、[Flutter] 08-Flutter中的Json转Model
• 5、Flutter_bloc
• 6、Flutter真香，我用它写了个桌面版JSON解析工具

Flutter创建数据模型json_annotation build_runner

一.引入三个依赖

二.创建数据模型PersonModel

三.生成对于的.g.dart文件
1.一次性构建

2.删除后重新构建

3.文件监听，自动为后续创建得实体类生成对应得.g.dart文件

四.JsonKey
nullable：默认为true，表示该字段可为null。
defaultValue：如果源JSON不包含该key或该key的value为null，提供一个默认值。
name：别名，若为null则默认为字段名。
required：默认为false，若为真会检查JSON是否包含该key，若没有则抛出异常(key为null也是有效的)。
五.JsonConverter

例如下面一个文章json,里面的content_pic是一个字符串，需要转换为一个Model:

六.JsonEnum
fieldRename：定义名称转换时的命名策略，使用@JsonValue的值优先于该选项。
可以用JsonValue定义枚举的value特殊值，值类型可以为String或int。

Flutter中InheritedWidget的使用

在Tree中从上往下高效传递数据的基类widget , 定义为:abstract class InheritedWidget extends ProxyWidget

Flutter的响应式开发与React类似，数据都是自顶向下的。

假设有祖先组点A，中间经过结点B, C，然后到结点D，D需要从A中获取数据f，那按照自顶向下数据流转，f需要依次传递给B及C，最后才到C。这样开发极为不灵活，成本也比较高。所有Flutter需要有跨结点(只能是祖先后代节点，不能跨兄弟节点)高效传递数据的方案。

大体意思如下:

InheritedWidget 是在树中高效向下传递信息的基类部件；

调用[BuildContext.inheritFromWidgetOfExactType]方法可以从 BuildContext 中获取到最近的 InheritedWidget 类型的实例；

在 InheritedWidget 类型的控件被引用,也就是调用过 inheritFromWidgetOfExactType 方法后,当 InheritedWidget 自身状态改变时，会导致引用了 InheritedWidget 类型的子控件重构(rebuild)。

这里随便定义一个人 Person 类。

创建一个类继承 InheritedWidget，并实现 updateShouldNotify 方法。

之前说到调用[BuildContext.inheritFromWidgetOfExactType]方法可以从 BuildContext 中获取到最近的 InheritedWidget 类型的实例，所以此处定义一个静态的 of 方法，通过传入的 context 获取到最近的 InheriedDataWidget 实例。

1.定义数据模型

这里随便定义一个 Person 类。

2.自定义 InheritedWidget 控件类

创建一个类继承 InheritedWidget，并实现 updateShouldNotify 方法。

之前说到调用[BuildContext.inheritFromWidgetOfExactType]方法可以从 BuildContext 中获取到最近的 InheritedWidget 类型的实例，所以此处定义一个静态的 of 方法，通过传入的 context 获取到最近的 InheriedDataWidget 实例。

3.InheriedDataWidget 的使用

InheriedDataWidget 使用起来也很简单，它本身也是一个控件，只要在任意一个页面的子控件调用其构造方法就行，这里我们定义一个形如的 Widget 树。

WidgetA 是一个 StatefulWidget 类型的控件，可以调用 setState 刷新，如果是继承人 Stateless 类型的控件,那我们也可以通过 Stream 或者其他方式刷新数据，感兴趣的请看[什么是 Stream? Dart

WidgetA1_1 类

WidgetA1_2 类

WidgetA1_3 类

当我们点击 floatingActionButton 的时候，WidgetA1, WidgetA1_1， WidgetA1_2 的控件都会更新 Person 的信息，而且每点 floatingActionButton 一次， 当我们点击 floatingActionButton 的时候，WidgetA1, WidgetA1_1， WidgetA1_2 的控件都会更新 Person 的信息，而且每点 floatingActionButton 一次，都会输出：

如果我们试图在和 WidgetA 的同一层级的兄弟节点去访问 InheriedDataWidget 的 Person 数据，是不行的，因为父节点中并没有插入 InheriedDataWidget。

把 WidgetB 和 WidgetA 保持同一节点

这也体现了 Inheried(遗传) 这一单词的特性，遗传只存在于父子。兄弟不存在遗传的关系。

这种数据共享的方式在某些场景还是很有用的，就比如说全局主题，字体大小，字体颜色的变更，只要在 App 根层级共享出这些配置数据，然后在触发数据改变之后，所有引用到这些共享数据的地方都会刷新，这换主题，字体是不是就很轻松，事实上 Theme.of(context).primaryColor 之流就是这么干的。

以上就是有关InheritedWidget的使用。

自己也是从事Android开发5年有余了；整理了一些Android开发技术核心笔记和面经题纲，有关更多Android开发进阶技术资料、面经题纲、核心技术笔记； 想要进阶自己、拿高薪的同学请私信我回复“核心笔记”或“面试”领取！

做混合的话Uniapp和Flutter我应该学哪个啊？

Uniapp目前比较成熟，而且用的是Vue语法，学习成本比较低，而且行业里面用的也比较广泛，而Flutter的话，学习成本略高，因为要学习新的语言，还有就是目前生态不是特别完备，等他再发展发展吧。黑马程序员官网有成套免费视频哦，有什么不懂的可以直接过去学习。您的采纳是对我成长的鞭策

[Flutter] 08-Flutter中的Json转Model

在此基础上flutter数据模型，接下来我们看下Flutter中还有哪几种Json转模型的方式:

在上篇 [Flutter] 07-Flutter中反序列化Json 已经通过6个示例分析过flutter数据模型了, 这里不再讨论。

json_serializable 是dart官方推荐和提供的JSON转Model的方式：

依赖分为项目依赖（dependencies）flutter数据模型，开发依赖（dev_dependencies），在 pubspec.yaml 中添加如下依赖:

由于很多朋友在这一步遇到了问题，这里贴出源码:

最后总结一下以json_serializable 的方式创建模型类必须5步:

备注1:
第五步实际就是创建两个方法:

备注2:

备注3:
UserFromJson(json) 和 ToJson() 调用方法，在未执行 生成对应的.g.dart文件指令 前该行可能会报错。

part 'computer.g.dart'; 和 part 'user.g.dart'; ，在未执行 生成对应的.g.dart文件指令 前该行可能会报错。

备注4:
toString方法不是必须的，只用来打印输出进行测试。

该操作有两种指令:一次性生成指令和 持续性生成指令。

一次性生成指令

在项目终端运行下面的指令：

持续性生成指令

如果感觉每次更改Model时都需要执行一次性生成指令比较繁琐，这时可以使用下面的持续生成指令:

在项目根目录下运行该指令后会启动观察器, 观察器可以监视我们项目中文件的变化，并在需要时自动构建必要的文件。只需启动一次观察器，然后它就会在后台运行，这种方式也很安全。

app.quicktype.io 是一个将 JSON 转换成模型类的工具网站，目前来看支持大部分常用语言，并且灵活的可选项也非常多：

优点: 这种方式操作起来会比使用json_serializable操作起来更简便一些，并且带下划线字段会自动转换为驼峰命名的属性名。
缺点: 如果数据过于复杂的话，在生成的时候可能会少了某一个类，并且不能进行父类抽取。

目前Android Studio(或IntelliJ)有几个插件，可以将json文件转成Model类，但插件质量参差不齐，甚至还有一些有抄袭嫌疑，故笔者在此不做优先推荐，读者有兴趣可以自行了解。

总体推荐使用后两种，可以大大提升开发效率，不用埋头去搞一些重复的序列化工作。

Flutter_bloc

flutter_bloc 是一个bloc第三方库，这个库很方便的让你集成bloc模式，这个库结合了RXDart,先了解一下bloc 的模式吧

1，widget 触发event 事件 

2，bloc 接收event 事件并作出逻辑处理

3 ，并把逻辑处理结果给返回出来 

4，UI展示数据

其实它有点像mvvm   ，Event只是出发事件，并不能传值，bloc 接收这个event，根据event去找到具体的方法去处理逻辑，之后把结果返回，如果再不明白，我举个例子，我去饭店吃饭去告诉老板点一个大盘鸡（这个是event），老板根据菜名找到具体的厨师（sink），厨师做好大盘鸡（这是逻辑处理）之后告诉老板做好（state）老板把菜端上来（UI跟数据改变）

   BlocBuilder    

   BlocProvider   

   BlocProviderTree  

   BlocListener  

   BlocListenerTree 

这个可以管理全局变量

子widget 通过BlocProvider.of<LogBloc(context) 获取这个bloc

 如果涉及到push 可以通过这种模式传递

可以管理多个状态

一个widget 涉及多个state 可以用它管理

 做一个请求数据，拿到数据并展示UI

创建几个widget。ceshiBlocName   CeshiEvent  ，CeshiModel  ， CeShiState

负责触发逻辑处理

数据模型

bloc 处理

Bloc<event,state state可以对象，也可以是数组或者其它

CeshiEvent 是event

List<CeshiModel 返回数据

主Main里面

Flutter真香，我用它写了个桌面版JSON解析工具

Flutter支持稳定的桌面设备开发已经一段时间flutter数据模型了，不得不说，Flutter多平台支持的特性真的很香。我本人并没有任何桌面开发的经验，但仍然使用Flutter开发出了一个桌面版小程序，功能很简单，就是对输入的json做格式化处理和转模型。

话不多说，先来看看实际效果。 项目源码地址

开发环境如下：

Flutter : 2.8.1

Dart : 2.15.1

IDE : VSCode

JSON作为我们日常开发工作中经常要打交道的一种数据格式，它共有6种数据类型： null , num , string , object , array , bool 。我们势必对它又爱又恨。爱flutter数据模型他因为他作为数据处理的一种格式确实非常方便简洁。但是在我们做Flutter开发中，又需要接触到json解析时，就会感觉非常棘手，因为flutter没有反射，导致json转模型这块需要手写那繁杂的映射关系。就像下面这样子。

数据量少还能接受，一旦量大，那么光手写这个解析方法都能让flutter数据模型你怀疑人生。更何况手写还有出错的可能。好在官方有个工具**json_serializable**可以自动生成这块转换代码，也解决了flutter界json转模型的空缺。当然，业界也有专门解析json的网站，可以自动生成dart代码，使用者在生成后复制进项目中即可，也是非常方便的。

本项目以json解析为切入点，和大家一起来看下flutter是如何开发桌面应用的。

要让我们的flutter项目支持桌面设备。我们首先需要修改下flutter的设置。如下，让我们的项目支持 windows 和 macos 系统。

接下来使用 flutter create 命令创建我们的模版工程。

创建完项目后，我们就可以 run 起来了。

先来看下整体界面，界面四块，分别为功能模块、文件选择模块、输入模块、输出模块。

我们在新建一个桌面应用时，默认的模版又一个Appbar，此时应用可以用鼠标拖拽移动，放大缩小，还可以缩到很小。但是，我们一旦去掉这个导航栏，那么窗口就不能用鼠标拖动了，并且我们往往不希望用户将我们的窗口缩放的很小，这会导致页面异常，一些重要信息都展示不全。因此这里需要借助第三方组件 bitsdojo_window 。通过 bitsdojo_window ，我们可以实现窗口的定制化，拖动，最小尺寸，最大尺寸，窗口边框，窗口顶部放大、缩小、关闭的按钮等。

通过 InkWell 组件，可以捕捉到手势、鼠标、触控笔的移动和停留位置

这个功能是鼠标移动后的UI交互界面。要在窗口上显示一个提示框，可以使用 Overlay 。需要注意的是，由于在 Overlay 上的 text 的根结点不是 Material 风格的组件，因此会出现黄色的下划线。因此一定要用 Material 包一下 text 。并且你必须给创建的 OverlayEntry 一个位置，否则它将全屏显示。

读取说表拖拽的文件一开始想尝试使用 InkWell 组件，但是这个组件无法识别拖拽中的鼠标，并且也无法从中拿到文件信息。因此放弃。后来从文章《Flutter-2天写个桌面端APP》中发现一个可读取拖拽文件的组件 desktop_drop ，能满足要求。

使用开源组件 file_picker ，选完图片后的操作和拖拽选择图片后的操作一致。

Textfield 如果要显示富文本，那么需要自定义 TextEditingController 。并重写 buildTextSpan 方法。

在做导出功能时遇到下列报错，保存提示为没有权限访问对应目录下的文件。

通过Apple的开发文档找到有关权限问题的说明。其中有个授权私钥的key为 com.apple.security.files.downloads.read-write ，表示 对用户的-文件夹的读/写访问权限 。那么，使用Xcode打开Flutter项目中的mac应用，修改工程目录下的 DebugProfile.entitlements 文件，向 entitlements 文件中添加 com.apple.security.files.downloads.read-write ，并将值设置为YES，保存后重启Flutter项目。发现已经可以向-目录中读写文件了。

当然，这是正常操作。还有个骚操作就是关闭系统的沙盒机制。将 entitlements 文件的 App Sandbox 设置为NO。这样我们就可以访问任意路径了。当然关闭应用的沙盒也就相当于关闭了应用的防护机制，因此这个选项慎用。

原文地址： https://juejin-/post/7069689952459554830

关于flutter数据模型和Flutter 数据库的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 flutter数据模型的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于Flutter 数据库、flutter数据模型的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。