zhjali123的专栏

Flutter didUpdateWidget 为什么不建议重写

对于Flutter在逐渐的熟悉，基本经历的几个阶段BLoC pattern 试着使用Dart语言的 Stream 去做些刷新处理（很多入门书也是这么说的）Provider 挺方便好用的库，正在使用Clean Architecture 正在想实践一波的东西，当然和看的《架构整洁之道》有关《架构整洁之道》绝对要推荐一波，怎样去评价组件的好坏、组件的发展周期、SOLID重新回顾、引出 clean架构、编程几十年也不会变的泛型。

Flutter 如何实现.9图，如何缩放背景图，如何使用 centerSlice

开发中经常遇到气泡引导，气泡是有个三角形。如何不切图的实现三角形呢？

Flutter 获取组件Size，监听组件可见性变更，解决RenderObject为null的问题

Flutter库依赖冲突，解决思路。 flutter pubspec.yaml version solving failed

Flutter平台相关代码的实现问题

获取Widget高度、坐标，判断 ScrollView 子布局是否露出、显示

异步操作，退出页面时产生的崩溃

报错E/flutter: [ERROR:flutter/lib/ui/painting/image_descriptor.cc(174)] Failed to allocate memory for bitmap of size 127844352BE/flutter: [ERROR:flutter/lib/ui/painting/image_decoder.cc(289)] Could not decompress image.测试结论：cacheWidth，cacheHeight直接re

Flutter库集成时的报错A problem occurred configuring project ':flutter_document_picker'.> Failed to notify project evaluation listener. > java.lang.AbstractMethodError (no error message)就是plugin库编译没通过，基本是 你的项和plugin库 配置 不一致导致的（具体看下面）一般解决方案：学习第三方库，把

结论先行：使用photo_manager库 靠谱，好用，内存测过没问题Android端用的Glide管理，IOS用的原生API （成熟，靠谱，推荐使用）源代码对应下文的 照片内存的第三方库解决方案cacheWidth，cacheHeight 印象图像载入内存大小，可进行resize先加载内存(会有峰值)，再Resize替换 （不好）width、height 对内存的占用不产生影响 （原图Bitmap多大加载内存就多大）图片大小计算1080P图片大小，RGBA 8888格式每个

主要命令flutter build websudo systemctl restart apache2node app.js部署步骤：build flutter服务器 Ftp,向服务器copy flutter build之后的文件其实我感觉用Git，然后通过GitHub上的私有仓库，可以更方便的实现效果部署Flutter教程文档安装apache更改端口 （避开已被占用的 80端口，我80端口是有用的。）安装node npm搭建FTP服务端其实安装的是v

如何进行状态管理交互性(interactively)数据流处理状态变更组件间的交互举例通过底部组件的滑动，来变更饼图的状态交互类比Android一个ProgressBar，一个饼图 PieChart滑动ProgressBar，引起饼图PieChar 数据变化AntiPattern的设计PieChart将Status设为Global 暴露出去ProgressBar监听拖动，根据拖动 更改 PieChart 的State。charState.setState( () {charStat

结论： 用video_thumbnail库，我的github demo需求视频封面的列表两个开源方案1. video_thumbnail 库满足列表使用（就用它了）1. video_player 库可以获取封面，实际就是取帧嘛但VideoPlayer不能new多个实例，如果简单的用十几个VideoPlayer，就OOM了适合一张封面 那种情景好处就是官方推得，兼容性啥的肯定好。（要是做成一个VideoPlayer轮流使用，那肯定相当可以，不过开发成本有点高）...

architectural-overview 参考一些图片Flutter’s rendering model传统的APP怎么绘制的Android调用java写的Android framework层的代码，（TextView、EditText）Android系统库提供组件，将组件自身绘制到Canvas对象上。通过Skia进行绘制（最早是OpenGL ES）Skia是C/C++写的 graphic engine，调用CPU或GPU去进行绘制一般跨平台方案（如ReactNative）.

需求：渐变圆球圆角矩形单行文本：多行文本：关键圆球： decoration: BoxDecoration圆角矩形：ClipRRectborderRadius 控制圆角代码 return Column( children: <Widget>[ Row( children: <Widget>[ Padding( padding: const Edge

需求：实现Row内 文本多行显示，不被截断如果文本不足一行，有多宽显示多宽，不可以填满一行（就是Android wrap_content 效果）单行文本：多行文本：关键Flexible、Expand是作用于 Flex、Row、Column的 main axis剩余空间。Flexible，等价于 wrap_contentExpand，等价于MatchParent代码附赠一个怎么实现 渐变圆球的代码 return Column( children: <Wid

JSON 序列化 与 反序列化手动、自动两种解析方式（用不用写 key-value 对应关系）手动解析Map<String, dynamic> user = jsonDecode(jsonString);编写 key-value 对应关系class User { final String name; final String email; User(this.name, this.email); User.fromJson(Map<String, dyn

如何布局Visible WidgetTextImageIconText('Hello World')Image.asset( 'images/lake.jpg', fit: BoxFit.cover,),Icon( Icons.star, color: Colors.red[500],),添加到 Layout Widget1个childCenterContainerCenter( child: Text('Hello World'),),很