Widgets 介绍 Hello world 基础 widgets 使用 Material 组件 处理手势 根据用户输入改变 widget 整合在一起 响应 widget 的生命周期事件 Keys 全局 key Widgets 介绍 Flutter 从 React 中吸取灵感，通过现代化框架创建出精美的组件。它的核心思想是用 wi...

短时 (ephemeral) 和应用 (app) 状态的区别 短时状态 应用状态 没有明确的规则 短时 (ephemeral) 和应用 (app) 状态的区别 本文将介绍应用 (app)状态，短时 (ephemeral) 状态, 以及在一个 Flutter 应用中你可以如何应用这两种状态 广义上来讲，一个应用的状态就是当这个应用运行时存在于...

步骤： 一. 添加一个 flutter_test 依赖 二. 创建一个测试用的 Widget 三. 创建一个 testWidgets 测试方法 四. 使用 WidgetTester 建立 Widget 备注 五. 使用 Finder 查找 Widget 六. 使用 Matcher 验证 Widget 是否正常工作 其他的 Matchers ...

图片及ICON 图片 ImageProvider Image 从asset中加载图片 从网络加载图片 参数 ICON 使用Material Design字体图标 使用自定义字体图标 图片及ICON 图片 Flutter中，我们可以通过Image来加载并显示图片，Image的数据源可以是asset、文件、内存以及网络。 Im...

为你的 Flutter 应用加入交互体验 你会学到什么 有状态和无状态的 widgets 创建一个有状态的 widget 重点是什么？ 步骤 0: 开始 Step 1: 决定哪个对象管理 widget 的状态 Step 2: 创建 StatefulWidget 的子类 Step 3: 创建 State 的子类 Step 4: 将有 stat...

文章汇总地址： 前言 一、基础控件 1、Tabbar控件实现 2、上下刷新列表 3、Loading框 4、矢量图标库 5、路由跳转 二、数据模块 1、网络请求 2、Json序列化 注意：新版json序列化中做了部分修改，代码更简单了，详见demo 。 3、Redux 4、数据库 三、其他功能 1、返回按键监听 2、前后台监听 ...

简单的应用状态管理 示例 提高状态的层级 读取状态 ChangeNotifier ChangeNotifierProvider Consumer Provider.of 把代码集成在一起 简单的应用状态管理 现在大家已经了解了声明式的编程思维 和短时 (ephemeral) 与应用 (app) 状态 之间的区别，现在可以学习如何管...

测算 Kraken 的运行性能 开启 Profile 模式 获取性能报告 测算 Kraken 的运行性能 在使用 Kraken 的过程中，难免会遇到一些性能瓶颈。 通常情况下 Kraken 都可以快速地完成页面的渲染，但是在一些特殊的场景下，Kraken 的性能会受到一些影响，从而使整体的性能体验看上去并没有那么好。 在 Profile 运行...

Pointer事件处理 忽略PointerEvent Pointer事件处理 本节先来介绍一下原始指针事件(Pointer Event，在移动设备上通常为触摸事件)，下一节再介绍手势处理。 在移动端，各个平台或UI系统的原始指针事件模型基本都是一致，即：一次完整的事件分为三个阶段：手指按下、手指移动、和手指抬起，而更高级别的手势（如点击、双击、拖...

文章汇总地址： 一、Android 打包和审核流程 1、打包 2、提交审核 二、iOS 打包和审核流程 1、打包 1.1 创建 App Store Connect 1.2 打包上传 2、审核 资源推荐 作为系列文章的第十九篇，本篇将科普 Android 和 iOS 平台的打包和提交审核流程。 因为很多 Flutter 开发人员可能只有...