11. 有加载和列表 Widget 封装

作用父类里面有个值可以识别数据的加载状态,就可以根据加载状态去显示对应的内容,例如加载错误时的 Widget 或者加载成功的列表页面。类图流程图使用class FollowPage extends StatefulWidget { const FollowPage({Key key}) : sup
2021年10月29日 1,021次浏览

10. Provider 配合 ViewModel 使用

引入依赖dependencies: # 4.InheritedWidget的包装器 ,使它们更易于使用和更可重用。 provider: 5.0.0ViewModel类图​Widget类图​流程图​使用定义对应的 ViewModel新建 ProviderWidget编写 builder 里面 wi
2021年10月29日 429次浏览

9. Flutter 网络请求

网络库介绍用于发送HTTP请求的可组合的、基于future的库。包含一组高级函数和类,可以方便地使用HTTP资源。它是多平台的,支持移动、桌面和浏览器。依赖库引入dependencies: flutter: # 3.网络访问库 http: 0.13.3封装一种思路基本步骤库 impor
2021年10月29日 286次浏览

8. Flutter 应用单元测试

单元测试单元测试的概念是针对程序中最小单位来进行校验的工作,在 Flutter 中最小的单位是组件。由于我们扩展了一些模块比如 Model(Provider)、Struct(数据结构部分),因此这里也需要介绍下这两部分的单元测试。目录结构为了保持一致性,我们在 test 单元测试目录,创建与项目结构
2021年10月11日 476次浏览

7. Flutter 状态管理及对比选型

状态管理场景上一章的例子中,只涉及一个有状态的组件 article_like_bar ,接下来我们需要实现另外一个详情页面,并且在详情页面中也需要一个点赞功能,具体的界面效果可以参考动图 1 (为了界面更好,我在上一章的基础上增加了一些样式)。在上面的动图例子中,你是否发现了一个问题?第一个页面的点
2021年10月11日 246次浏览

6. 如何巧妙地应用 Flutter 有无状态组件

无/有状态组件由于无状态组件在执行过程中只有一个 build 阶段,在执行期间只会执行一个 build 函数,没有其他生命周期函数,因此在执行速度和效率方面比有状态组件更好。所以在设计组件时,不要任何组件都使用有状态组件进行开发,要根据实际分析情况使用。Flutter 中基础组件介绍Flutter
2021年10月11日 246次浏览

5. Flutter 生命周期

组件 WidgetFlutter 中的组件与前端组件的理解和作用基本一致,但是没有一个明确的概念解释 Flutter 组件,这里我借用前端的组件定义来解释 Flutter 组件的概念。一个 Flutter 组件,包含了组件的模板、样式和交互等内容,外部只要按照组件设定的属性、函数及事件处理等进行调用
2021年10月11日 481次浏览

4. Flutter 编程代码规范工具

命名规范命名规范中包括了文件以及文件夹的命名规范,常量和变量的命名规范,类的命令规范。Dart 中只包含这三种命名标识。AaBb 类规范,首字母大写驼峰命名法,例如 IsClassName,常用于类的命名。aaBb 类规范,首字母小写驼峰命名法,例如 isParameterName,常用于常量以及变
2021年10月11日 254次浏览

3. Flutter 环境搭建

基本流程的话,按照官方的教程就可以了。https://flutter.cn/docs/get-started/install在国内的话还是要考虑特殊的网络环境:以下链接可以参考,如何去设置:https://flutter.cn/community/china项目目录说明.idea这个和 Flutte
2021年10月11日 296次浏览

2. Flutter 中代码是如何执行和运行的

Dart 单线程单线程在流畅性方面有一定安全保障,这点在 JavaScript 中存在类似的机制原理,其核心是分为主线程、微任务和宏任务。主线程执行主业务逻辑,网络 I/O 、本地文件 I/O 、异步事件等相关任务事件,应用事件驱动方式来执行。在 Dart 中同样是单线程执行,其次也包含了两个事件队
2020年12月03日 239次浏览