Only鱼籽酱－小专栏

首页

发现

小书

Only鱼籽酱

独立开发者，全栈工程师，写作爱好者，产品设计师。技术研究领域包括Android、iOS、React、NodeJs、Flutter。期望生活、娱乐、产品、技术完美结合。

关注 3 被关注 12 获得赞 47

个人专栏

独立开发周周侃

独立开发周周侃。侃设计、侃产品、侃开发、侃运营……每周更新，侃侃而谈～。

已发表 1

Flutter周周侃

提醒：本专栏持续更新Flutter相关内容，定价会随着文章数量新增而提升。

已发表 15

Only鱼籽酱 in Flutter周周侃

938e3cf95aa2f3a824be7cb17d9189df

Flutter 手势处理知原理（一）：接收 PointerEvent

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

Only鱼籽酱 in Flutter周周侃

Dcf83078a59125a3786a41f26b768138

更好的理解 Flutter 组件生命周期（四）：组件的销毁与嫁接

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

Only鱼籽酱 in Flutter周周侃

Fbf49b93546f538018da186b136d5b15

更好的理解 Flutter 组件生命周期（三）：详解 didChangeDependencies 函数

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

Only鱼籽酱 in Flutter周周侃

883333c4b76838f82b492541ef23e122

更好的理解 Flutter 组件生命周期（二）：图解组件树更新流程

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

Only鱼籽酱 in Flutter周周侃

01a0b05af446ea6a98a923343d8a7a42

更好的理解 Flutter 组件生命周期（一）

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

Only鱼籽酱 in Flutter周周侃

5cbb1a305e034c241a872dc83fb5682f

Flutter布局：掌握UI布局优先了解这几点

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

Only鱼籽酱 in Flutter周周侃

00200c9cb7a2bb982b07fa8e8ab17a57

Flutter 布局：布局的整体流程

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

Only鱼籽酱 in Flutter周周侃

6459357e8b9e05049e175246af85a5b9

Flutter 核心原理：Flutter帧渲染的整体流程

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

Only鱼籽酱 in 独立开发周周侃

49b185b6ef0fedade9ad12d02c9099f7

独立开发者应该有怎样的开发模式

假如你是一名独立开发者，你会怎样开发你的App呢？我想绝大多数的流程这个样子的： - 想到一个idea。 - 用一段时间开发。 - 完成App。很多人会说这样的模式再正确不过了，我就是这样成功的。其实并不...

Only鱼籽酱 in Flutter周周侃

Dad6e9b0d3b729dad7c91e8d8b6f2deb

Flutter 组件国际化（六）：更便捷的开发流程

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

Only鱼籽酱 in Flutter周周侃

98404c79be942e27703e9f3609a6c38a

Flutter 组件国际化（五）：Intl详解

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

Only鱼籽酱 in Flutter周周侃

Cce9de91df4883ab660e34173f73c11b

Flutter 组件国际化（四）：MaterialApp和CupertinoApp中的国际化

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

Only鱼籽酱 in Flutter周周侃

987aad4c9c6329190b263acfd2889b03

Flutter 组件国际化（三）：Localizations详解

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

Only鱼籽酱 in Flutter周周侃

A1e373ed7b0b7c29ad037c1ed80c082c

Flutter 组件国际化（二）：Locale详解

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

Only鱼籽酱 in Flutter周周侃

De86e846df59a2d8c9dd544032ab724c

Flutter 组件国际化（一）：整体设计

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

Only鱼籽酱 in Flutter周周侃

Bf3bfe9bd52db77bd032e6d3469af302

Flutter 核心原理：Widget、Element和RenderObject是如何协同工作的

谈到Flutter的渲染，就离不开Widget、Element、RenderObject这三个概念。在Flutter中和大家接触最多的就是Widget，对于Widget很容易理解，可以看作是组件或控件的概念，那么Element和RenderObject是什么，他们具体干什...