小册上新 | 用 Flutter 玩转正则表达式

1,267 阅读3分钟

作者介绍

张风捷特烈,Flutter 全端开发工程师、FlutterUnit 开源项目作者。FlutterUnit 是一款帮助刚入门的朋友快速认识 Flutter 的应用,它包含绝大多数 Flutter 内置组件及绘制的展示案例。 作者本人热爱探索源码、分享知识。除了出版过《Flutter 之旅》以外,还在掘金上线了其他 7 本小册:

小册介绍

这一次,张风捷特烈为我们带来了全新的小册。这本小册将从应用层的角度,带大家通过 Flutter 构建一个支持桌面端和移动端的应用程序。该应用的设计初衷是为了探讨 状态管理 这个话题,因为简单的示例代码很难体现 状态管理 的价值,而过于复杂的项目在背景铺垫上又很困难。一方面需要设计一些数据状态的依赖关系,另一方面也要兼顾应用的功能性;再加上作者对 正则表达式 的喜爱,于是诞生了这个开源项目,项目实现的过程便凝结在了本册的文字之中。

通过学习小册,我们最终将会完成如下的正则匹配应用,支持桌面端(Widows/Macos/Linux)和移动端(Android/iOS) 以及 Web 端

  • 桌面端亮色: 以 MacOS 桌面端为例,其他桌面平台界面表现一致:

  • 桌面端暗色

  • 移动端: 以 Android 移动端为例,其他桌面平台界面表现一致:
移动端 - 亮移动端 - 暗

Web 端亮色


详细来说,本册主要分为三个部分:正则篇数据篇视图篇。这三者交相呼应,相辅相成,共同构成了整个应用的开发过程。

  • 正则模块

在正则篇中将会全面介绍正则的语法,并会结合应用,通过交互式的学习来介绍正则匹配。真正做到 看得见 正则表达式的作用,让过程变得直观和有趣。


  • 视图模块

视图的构建逻辑直接决定,应用在用户眼中的呈现效果和交互方式。所以对于需求而言,构建视图是应用开发中至关重要的一个环节。界面元素在 Flutter 开发中就是对 Widget 的构建,其中构建逻辑包括 组件的组成方式组件的样式配置组件的平台适配 三个方面。


  • 数据模块

如果说视图是程序的骨骼,那么数据就是程序的血肉。数据决定着用户期望的视觉信息,也决定应用功能的正确性。在用户交互过程中,对数据状态的准确维护是应用完成需求的最低标准。理解数据在需求中的充当的角色,是讨论数据状态管理的前提。文中将通过对需求的逐步分析来讨论状态管理的必要性,知道其要解决的痛点问题是什么。

上新特惠,限时 6 折!

一起加入学习吧!

宣传海报(1242x2650)-站内文章@2x.jpg