Github action 这东西是好东西, 但我看了一下, 很多朋友都是停留在用的阶段, 其实偶尔也要换换口味, 自己开发一个 action, 而不是仅仅是用

简介

github actions 是 github 推出的一个工作流的工具, 目的是为了帮助我们在某些情况下主动触发仓库的动作, 从而完成 单元测试/CI/CD, 甚至包括 release,发布包管理工具等等

官方关于 actions 有关的一些仓库都在这里: https://github.com/actions , 文档在这里

github 的主语言是 js, 当然也肯定也支持 ts

另外如果对于速度需求并不高的朋友, 也可以使用 docker, …

自动化打包上传是一个释放双手的过程, 本文就简单重复一下打包的过程

本文包括 iOS 和 android 篇.

如果有需要, macOS 和 web 也可以加进来, 步骤并不复杂, 但本篇暂时不讲

开发环境

• macOS, 如果你不是 macOS, 那你只能打包安卓部分
• Xcode, 因为 Xcode 会自动安装包含 git 在内的一些其他环境, 所以理论上有这个就够了
• brew
• android sdk
• flutter sdk
• jenkins
• fastlane

到 flutter sdk 为止就不讲了, 我相信看这篇文章的人, 起码 flutter 程序已经开发完了, 只是因为修改个文案就要打包的事被搞的不胜其扰, …

上一章, 简单的使用了一下 FocusNode 和周边的一些东西, 今天来扒一扒 FocusNode 整体的附着(attach)和分离(detach)
flutter 环境还是针对 1.17.5

Focus 家族的源码分析

附着

首先第一, 平时是以 FocusNode 为主要对象的, 那么这东西是怎么附着到整体的呢

构造方法

• debugLabel, 这东西看名字就是 debug 用的, 先不管
• onKey, 一看就是接受事件用的RawKeyEvent
• canRequestFocus, 就是能不能接受焦点
• skipTraversal, …

很多时候, flutter 中需要处理输入的焦点, 咱们今天就来看看控件怎么用

本篇可以视为简单使用, 而不会深入源码去探讨怎么附着, 主要是 Focus 系列控件的使用, 和怎么在多输入框之间反复横跳

环境说明

1. 本篇基本基于 flutter sdk 的 1.17.5 版本来看, 其他版本应该大同小异, 但很多东西可能会随时间变化, 未来是否有效请继续验证
2. 本篇基本是针对移动端来说的
3. 写本文时, flutter web 的焦点比较迷, 似乎和移动版不太一样, 所以暂时略过不表
4. desktop 版只尝试了 macOS, 其他的桌面引擎请自行校验对错

相关 dart class

flutter 中, 和焦点相关联类有如下几个: …

因为随着开发时间越来越长, 对于很多东西又有了新的理解, 是时候回头对于某些东西进行查漏补缺了

本篇就来补一补路由的东西

GlobalKey

这东西要单独说一说, 设置一下这东西, 你的 WidgetsApp 会把它设置给 Navigator, 这东西一旦设置成功, 后续就可以不用 Navigator.of, 拿到 NavigatorState 的实例了

然后这东西设置成全局的, 就可以在今后跳转的时候不用 context 了, 并且可以利用这个东西里的 context 来拿到全局的 Provider 类(这个不在本篇预计范围内)

设置:

1MaterialApp(
2    navigatorKey: navigatorKey, …

今天举国哀悼, 进入各种大厂的 app 也可以看到主色都变成灰色的了

作为程序员我们肯定会想怎么可以实现的, 我简单研究了 10 分钟, flutter 中只要在整体外面套一个 ShaderMask, 然后修改 blendMode 即可

核心代码:

 1class MyApp extends StatelessWidget {
 2  // This widget is the root of your application.
 3  @override
 4  Widget build(BuildContext context) {
 5    return ShaderMask(
 6      child: OKToast( …

本篇主题: 在 flutter 插件中引入 aar

本篇只包含 android 部分, iOS 的 framework 直接在 podspec 中引入就可以了,所以本篇略过不表

做过安卓开发的朋友可能知道, aar 文件如果作为本地文件直接引入 library, 然后 app 引用 library 是会报找不到aar的, 需要在 app 中使用 flatDir 进行引入, 这种方式的缺点在于, 你必须在每个项目去配置, 很有侵入性

熟悉 flutter 插件开发的朋友都知道,在我们开发 flutter 插件时, 插件是以 library module 的形式引入到项目中的

这时如果 sdk 方对于安卓只提供了 aar, 在这种大前提 …

iOS 开发时, cocoapods(后简称 pod) 是很常用的工具

我们偶尔也会自己开发 pod 库并上传到 pod 上

pod 的源码支持多种来源, 本地 path git http 等

一般来说, 如果是纯开源库, 我们直接把源码上传到 github , 然后使用 git 依赖即可

但是这有一个问题, github 的速度在中国大陆并不快, 我们有没有办法加速它呢?

这时候经过搜索, jsdelivr 出现在了搜索引擎里, 号称国内外都可用的 cdn, 我用 wget 测试了一下, 国内外都可以保证 10M+/s 的速度

jsdelivr 介绍

这东西本身最初目的是为了加速 js/css 的访问

但是, 上面也说了, 支 …

过场动画

过场动画也就是切换路由时的动画

这个东西有几种方案可以做

1. 继承 PageRoute来做, 复写 5 个抽象方法, 并抽象buildTransitions
2. 继承已有的系统类, 比如 MaterialPageRoute 或者 CupertinoPageRoute
3. 一劳永逸的方案, 使用PageTransitionsTheme类结合 MaterialApp 的 theme 的pageTransitionsTheme属性

前两种目前网络上也有一些人做了分享, 但第三种好像很少有人使用, 我这里就来说一下PageTransitionsTheme的用法

这东西有如下的好处:

1. 设置一次, 你所有的MaterialPageRoute …

前言

本篇写一个将 flutter 打包为 aar 置入已有项目的方案

与 前篇 不同的是: 本篇使用新版本的 flutter 环境, 使用 build aar 命令构建 aar,并上传至 maven 私服

开发环境

1$ flutter doctor -v
2[✓] Flutter (Channel stable, v1.12.13+hotfix.7, on Mac OS X 10.15 19A602, locale zh-Hans-CN)
3    • Flutter version 1.12.13+hotfix.7 at /Users/caijinglong/Library/Flutter/flutter_dev
4    • …