CMeUp

记录一些学习心得，QQ:1139723651.

发表于 更新于 分类于 本文字数： 647 阅读时长 ≈ 2 分钟

本篇深入 lib/foundation。后面的文章都基于 191 版本。

库定义

作为 flutter 底层框架原语，提供一些基础实用工具方法、类。

前记

暂不关注非以”_” 开头的文件。

主

annotations.dart

包含 3 个注解工具类。暂不清楚有啥用。

阅读全文 »

发表于 更新于 分类于 本文字数： 573 阅读时长 ≈ 2 分钟

本文整理了常用的 1 物理像素边框的实现方法及原理。

border-image

关于 border-image 的介绍不多说，可自行参考相关文档。
原理是：将 border-width 设为 1px，在 2 倍屏上使用一个上面透明、下面一个黑色的像素格图片（整体是宽 1x 高 2），相当于垂直方向是 2 个物理像素。用 2 物理像素去填满 1px 的独立像素，自然而然黑色的像素格就占一个物理像素了。3 倍屏同理。

1
2
3
4
.one-pix-border {
    border-width: 1px;
    border-image: url("https://www.tanzhixuan.top/ng-s1/static/upload/img/6be26730/border.png") 50% 10% 0 10% stretch;
}

缺点：需要制作图片，类似于安卓中的九点图。颜色不能在代码中自定义。
优点：可实现圆角，border-image 的兼容性还不错。

阅读全文 »

发表于 更新于 分类于 本文字数： 3.5k 阅读时长 ≈ 12 分钟

团队介绍

大家好，我们是来自字节跳动的前端工程师。业务线近期引入了 flutter 作为新的探索方向，同事们构思着把开发中遇到的问题、解决方法，以及对技术的思考，整理成文档，输出给大家参考。我们都是前端工程师（web 方向），所以我们的文章都会偏向于从前端工程师角度来思考、解决问题，当然也会有一部分 native 相关的，比如以 module 形式嵌入到已有 app、编写双端 native 插件等。欢迎大家订阅。下面开始文章主体。

阅读全文 »

发表于 更新于 分类于 本文字数： 6k 阅读时长 ≈ 20 分钟

背景

在 flutter 中，UI 开发是非常重要的一块。但作为一个应用，路由管理也是非常重要的。在 flutter 中，路由不仅仅是逻辑上的控制，也在显示上有作用。下面就一起学习一下 flutter 的路由相关（以大量代码为主）。

阅读全文 »

发表于 更新于 分类于 本文字数： 4.6k 阅读时长 ≈ 15 分钟

这一篇我们讲解 flutter 中三大类：Widget、Element、RenderObject 的关系，及在整个应用中的处理时机。

基础讲解

这里先讲解基本的概念，再结合代码运行时来说明创建流程及相互关系。

阅读全文 »
0%