接收来自 Platform 的指针信息（PointerEvent） Flutter 的 Engine 层会收集用户对屏幕操作的信息传递到 Dart 层，这些信息包含了操作的方式和分类，如下所示。 <pre> <code> // 指针如何改变 enum PointerChange { ...

如果我们想让Flutter App支持国际化，首先要理解什么国际化，如何去设计国际化。App的国际化，并不只是实现在代码中多语言切换的功能，还需要更全面的考虑。 这里提供一种设计思路，把App国际化设计...

如果要实现Flutter的国际化，首先要知道Flutter是怎么表示语言环境，如何为语言环境分类。 在Flutter中，我们可以通过Locale来表示语言环境。 <pre> <code> // zh-CN表示中文 const Locale local = Locale('zh', '...

在Flutter中万物皆是Widget，因为Widget不仅仅承担封装绘制层的作用，同样可以封装着纯逻辑的功能，详情参考《Flutter中的Widget、Element和RenderObject是如何协同工作的》这篇文章。 所以，Flutter把国际化的功能...

在《Flutter组件国际化（三）：Localizations详解》文章中已经介绍了Localizations的使用方法。然而大多数应用程序都是通过MaterialApp或者CupertinoApp为入口，而它们都是WidgetsApp的一个包装。所以一般情况我们不需...

这篇文章介绍“Intl”依赖包和“intl_translation”依赖包。 Intl依赖包是什么 在《 Flutter 组件国际化（一）：整体设计 》这篇文章中，我们提到过要挖掘国际化场景。而“Intl”依赖包解决了一些通用的国际...

在《Flutter 组件国际化（五）：Intl详解》文章中介绍了使用Intl扩展了Flutter国际化流程，但还有不足之处，转化arb文件，生成Dart文件需要执行命令行不便捷。所以这篇文章介绍如何使用 Flutter Intl 插件来优...

在《Flutter 核心原理：Widget、Element和RenderObject是如何协同工作的》文章中介绍了Widget、Element和RenderObject这三个概念各自的职责。然而这只是Flutter帧渲染流程中的一部分。Flutter帧渲染的整体流程并不是只在...

Flutter开发中，我们需要根据UI原形图构建代码，其中会碰到各种各样的布局要求，如对齐、排列等。Flutter也提供了各种基础的布局组件方便UI布局，然而我们必须先弄清楚Flutter布局的整体流程才能使用好...

优先学习基础布局组件库 在 《 Flutter 布局：布局的整体流程 》这篇文章中介绍了布局的原理。但是对于开始开发Flutter应用，最重要的还是需要熟悉Flutter组件，但是Flutter组件非常多，会让人觉得不知道从...

这篇文章谈 Flutter 组件的生命周期，因为对于实际开发，深入理解生命周期是必不可少的一件事。首先抛出三个问题，然后来一一解答： Flutter 组件的生命周期到底是什么？ 为什么生命周期在 State 对象...

接着《 更好的理解 Flutter 组件生命周期（一）》的示例，这篇文章通过描述 Widget 的更新流程和图解的方式来说明 Flutter 组件的 setState 和 didUpdateWidget 这两个生命周期函数。 初始化 Widget 树和 Element 树 组...

didChangeDependencies 生命周期函数的作用 这篇文章主要通过分析源码的方式说明 didChangeDependencies 这个生命周期函数。从名字上可以看出，它的主要作用是当组件的依赖关系发生改变时，Flutter 会通过调用它通...

这篇文章主要通过图解方式介绍 Flutter 组件的销毁与嫁接流程。 组件销毁的流程 用一个示例来说明组件销毁的流程。自定义一个 DemoWidget 组件，其中包含了一个自定义的有状态的组件 TitleWidget 和一个无状...