
Flutter
文章平均质量分 73
kkkkkkkkkrys
https://krysliang.xyz/
展开
-
深入学习 Flutter 中的动画-从静态变换到动态效果
今天来学习一下Flutter中的动画。我们在js+css中,已经习惯用css3中的animation,transform,transition这三个加在一起去做。我们像前端那样,先从静态的变换中谈论。一、变换组件在css中如果要先让一个元素发生平移,使用的是transform:translate,那么在flutter中,已经封装起组件进行使用,只用填入平移的位置就可以。1、平移Transform.translate(offset: Offset(...原创 2021-08-12 15:16:50 · 1981 阅读 · 1 评论 -
Flutter 切换主题
在flutter中,ThemeData 来统一管理主题的配置信息。ThemeData 涵盖了 Material Design 规范的可自定义部分样式,比如应用明暗模式 brightness、应用主色调 primaryColor、应用次级色调 accentColor、文本字体 fontFamily、输入框光标颜色 cursorColor 等。如果你想深入了解 ThemeData 的其他 API 参数,可以参考官方文档ThemeData。我们先来定义一个全局的主题文件impor原创 2021-08-11 15:06:53 · 1508 阅读 · 2 评论 -
Flutter 数据共享的三种实现方式
以前使用其他框架的时候,比如vue 会有vuex,react会有redux等数据共享方式。而刚使用flutter的时候,因为其编程语言和框架特性的不一样,可能一时半会很难上手。今天就来聊聊flutter中的数据共享。一、InheritedWidgetInheritedWidget是flutter中的一个功能型的widget,适用于在widget树中共享数据的场景,比如我们在应用的根widget树中通过InheritedWidget共享了一个数据,那么在它所有的子widget中都可以获取到这个共享原创 2021-08-11 14:57:20 · 1234 阅读 · 1 评论 -
Flutter 实战之dart语言
1、了解dart语言之前,先要理解一下什么是JIT和AOT。(1)JIT (just in time)即时编译。在开发周期中使用,可以动态下发和执行代码,开发测试效率高,但运行速度和执行性能会因为运行时即时编译受到影响。(2)AOT (ahead of time)运行前编译。提前编译,可以生成被直接执行的二进制代码,运行速度快、执行性能表现好,但每次执行前都需要提前编译,开发测试效率低。在开发期间使用JIT编译,发布期使用AOT。flutter基于这两个机制,使得开发效率高,发布时执行快..原创 2021-08-09 17:20:50 · 422 阅读 · 1 评论 -
从顶部观看Flutter的架构与原理
Flutter 重写了一套包括底层渲染逻辑和上层开发语言的完整解决方案。这样不仅可以保持试图渲染在Android和ios上的高度一致,在代码执行效率和渲染性能上也可以媲美原生App的体验。那么,flutter是如何完成组件的渲染呢?在计算机系统中,CPU把计算好的内容交给GPU,有GPU完成渲染后放入帧缓冲区,随后视频控制器根据垂直同步信号VSync从帧缓冲区中读取帧数据交给显示器完成图像显示。(Skia是一个底层图像渲染的引擎,具体是怎么工作的,我也不了解,我只知道flutter将..原创 2021-08-09 15:15:30 · 231 阅读 · 0 评论