Flutter在Android上的启动流程 Flutter在Android上的启动流程
目前Flutter项目更新还是比较频繁的,这里主要是看主要的的流程,主要的代码,一些细枝末节或者与主题无关的代码均已忽略. 本文源码基于Flutter Engine master分支,updated 2020/12/07 基本流程 初始
2020-12-10 Flutter
源码分析 启动流程 Flutter Engine
Flutter Engine编译和源码阅读 Flutter Engine编译和源码阅读
Flutter Engine的编译以及源码阅读其实挺简单的,只要按照官方文档的步骤来,一般都不会有什么问题.这里记录一下编译的流程,以及源码查看的一些配置和问题. 下载 下载depot_tools,并配置环境 git clone https
2020-12-07 Flutter
VSCode Flutter Engine
Dart中的Isolate Dart中的Isolate
基本概念每个Isolate有自己的内存和EventLoop.不同的Isolate只能通过传递消息来进行通信. Dart的Isolate没有内存共享机制,这样设计有一个好处,就是在处理内存分配和回收时,无需加锁,因为仅一个线程,并不会抢占.
2020-11-25 Flutter
Isolate
Flutter-从Widget导出图片 Flutter-从Widget导出图片
在Android中从View中导出图片,使用的是Canvas + Bitmap. 在Flutter中,同样支持这种功能,使用的是RepaintBoundary 使用RepaintBoundary包装WidgetRepaintBoundary
2020-11-12 Flutter
Widget RepaintBoundary
image_picker的使用 image_picker的使用
简单记录一下image_picker的使用 从相册选择图片 static Future<File> pickImageFromGallery() async { final pickedFile = awai
2020-10-27 Flutter
Image
Flutter-区分Debug,Release,Profile模式 Flutter-区分Debug,Release,Profile模式
更新(2020/11/23)最近看源码,发现flutter framework层已经有判断编译模式的代码了,我们直接拿来用就行. 在packages/flutter/lib/src/foundation/constants.dart中有:
2020-07-18 Flutter
编译模式
Flutter-路由跳转 Flutter-路由跳转
前端页面开发中,路由的概念并不陌生,比如Android中经常会封装一些路由框架,通过一个name跳转指定的Acitivity以进行一定程度的解耦. 在Flutter中同样也有路由的概念,但是由于Dart语言比较古老落后,Flutter的路
2020-07-12 Flutter
路由
Flutter-转场动画(页面跳转动画) Flutter-转场动画(页面跳转动画)
在Android中专场动画比较常见,就是从一个Activity/Fragment跳转到另一个Activity/Fragment之间的过渡状态.Flutter也提供了对转场动画的支持. 路由跳转的一般方式Navigator.of(contex
2020-07-12 Flutter
动画
Flutter-自定义闪屏页(SplashScreen) Flutter-自定义闪屏页(SplashScreen)
Splash Screen?对于Android应用来说,Splash Screen最熟悉不过了.比如为了让启动的时候app不现实白屏,或者为了弄个开屏广告用来盈利,都会用到Splash Screen. Flutter中如何自定义Splas
2020-06-19 Flutter
Splash Screen
调试flutter_tools 调试flutter_tools
在运行flutter命令的时候,比如flutter run,实际上执行的是flutter_tools.snapshots,而这个快照文件的源码入口就是flutter_tools.dart. 既然是普通的dart命令行程序,那么按照Dart命
2020-05-15 Flutter
flutter tools
Flutter-Text的使用 Flutter-Text的使用
关注 https://github.com/jiangkang/flutter-system 了解更多Flutter相关的知识 文本作为UI最基本的元素，最基本的用法有这些： 字体 文字大小、颜色 一些常用样式，比如倾斜，加粗，下划线
2020-05-08 Flutter
Text
Flutter-Tabs的使用 Flutter-Tabs的使用
Flutter中使用tabs还是非常的简单的，可以用在顶部导航栏，也可以用在底部导航栏。 使用Tabs需要用到两个widget，一个是TabBar,用于顶导航或者底导航；一个是TabBarView，用于Tab下具体的
2020-05-08 Flutter
Tab
Flutter时间处理 Flutter时间处理
Flutter 中在时间处理方面还是比较简单的，我们主要用到的有两个类： DateTime 表示一个指定的时间点，包括年月日时分秒 TimeOfDay 表示一天中的一个时间点，可以区分上午，下午，12小时制，24小时制等 获取当前时
2020-05-08 Flutter
时间处理
Dart基础语法 Dart基础语法
重要的概念 任何你可以放在一个变量中的都是一个object，并且每个object都是一个class的实例，甚至于数字，functions，null都是对象，所有的对象继承自Object类。 即使Dart是强类型的，但是类型说明是可选的，因为
2020-05-08 Flutter
Dart
Flutter-实现图片圆角的几种方式 Flutter-实现图片圆角的几种方式
关注 https://github.com/jiangkang/flutter-system 了解更多Flutter相关的知识 图片圆角在开发中还是非常常见的，用Flutter实现圆角还是非常简单的，目前了解的大概有下面这几种： 通过
2020-05-08 Flutter
圆角
Flutter深色模式 Flutter深色模式
这些年，移动端UI的深色模式还是比较常见你的，IOS在系统级别已经率先支持了，Flutter作为一款优秀的跨端UI框架，在处理深色模式上是比较简单的。 BrightnessFlutter中有一个Brightness的概念，用来表示主题和
2020-05-08 Flutter
深色模式
Flutter-Timeline Flutter-Timeline
Flutter有三种构建模式： debug release profile 在profile模式下，我们可以看到frame rendering图： Frame Rendering Chart 横轴表示每一帧，纵轴表示帧渲染时间。红色表示
2020-05-08 Flutter
Timeline