Flutter编程指南

Flutter从入门到精通,分享Flutter应用实践,一起探索Flutter的奥秘。

自定义博客皮肤

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

三种架构在Flutter中的尝试

![TOC] 场景说明 动图展示 功能简介 ​ 一个常见的"评价列表页",点击"评价列表页"中的任意一项跳转进入"评价详情页"。在"评价详情页"我们可以看到该评论完整的评价内容和评价大图,同时"...

2019-06-25 10:23:50

阅读数 78

评论数 0

Flutter混合开发二-FlutterBoost使用介绍

前言 《Flutter混合开发专题一》中我们介绍了Flutter官方提供的混合开发解决方案,但是其存在着一些问题并没有解决,比如原生和Flutter页面叠加跳转由于Flutter Engine重复创建而导致内存暴增的问题、Flutter应用中全局变量在各独立页面不能共享的问题、iOS平台内存泄露的...

2019-05-31 07:55:15

阅读数 245

评论数 0

来了!Flutter混合开发专题一

前言 Flutter作为新一代移动端跨平台解决方案,相比于React Native等有很大的性能优势,所以很多公司已经开始研究Flutter并将其应用于实际项目中,目前包括闲鱼、美团、京东和今日头条等都已经在APP部分页面尝试使用了,那么它们这些应用都已经使用原生开发的很成熟了且代码量非常大,如果...

2019-04-22 08:24:25

阅读数 471

评论数 0

Flutter插件开发

前言 使用Flutter进行应用开发时,为实现一些功能(比如WebView加载网页、实现视频控件等)我们会引入三方插件,这些插件我们都可以在https://pub.dartlang.org/flutter网站中进行查找,然后在flutter工程中配置pubspec.yaml文件来引入。那么,如果我...

2019-04-16 07:58:48

阅读数 250

评论数 0

Flutter启动流程源码分析

前言 相信大家在学习Flutter的开始阶段都看过Flutter的架构图,如下 我们知道Flutter的应用层代码由Dart编写,Framework层提供了一系列Widget和其它API,那么这些Dart编写的代码是如何在特定平台上执行的呢,这就要从Flutter的启动过程说起了,了解了Flut...

2019-04-04 12:16:43

阅读数 310

评论数 0

Flutter中网络图片加载和缓存

前言 应用开发中经常会碰到网络图片的加载,通常我们会对图片进行缓存,以便下次加载同一张图片时不用再重新下载,在包含有大量图片的应用中,会大幅提高图片展现速度、提升用户体验且为用户节省流量。Flutter本身提供的Image Widget已经实现了加载网络图片的功能,且具备内存缓存的机制,接下来一起...

2019-03-30 16:45:24

阅读数 735

评论数 0

Flutter中的http网络请求

前言 本篇介绍Flutter中网络请求相关api的使用,Flutter在Flutter engine中提供了一个sky_engine开发工具包,其包含了一个_http的库,该库中有封装的http请求相关的各种操作类。本文我们将介绍_http相关操作类的使用和基于_http封装的三方dio网络库的使...

2019-03-29 13:59:34

阅读数 749

评论数 0

Flutter中http请求抓包解决方案

前言 前阵子有同学反馈Flutter中的http请求无法通过fiddler抓包,作者喜欢使用Charles抓包工具,于是抽时间写了个小demo测试了一下,结论是在手机上设置代理,Charles确实抓不到请求数据包。于是对该问题进行了分析: 确定使用的是http发起的get请求,理论上http协...

2019-03-29 13:58:25

阅读数 283

评论数 0

Flutter持久化存储之数据库存储

前言 数据库存储是我们常用的存储方式之一,对大批量数据有增、删、改、查操作需求时,我们就会想到使用数据库,Flutter中提供了一个sqflite插件供我们用于大量数据执行CRUD操作。本篇我们就来一起学习sqflite的使用。 sqflite使用 引入插件 在pubspec.yaml文件中添加p...

2019-03-28 13:39:11

阅读数 187

评论数 0

Flutter持久化存储之文件存储

前言 本篇将给大家分享Flutter中的file存储功能,Flutter SDK本身已经有File相关的api,所以在Flutter中使用file存储的关键是如何获取手机中存储的目录,然后根据目录路径来创建不同的file。根据Flutter的特性,我们可以通过自定义channel来获取平台端的可存...

2019-03-28 13:38:30

阅读数 830

评论数 0

Flutter持久化存储之key-value存储

前言 应用开发时会有很多的数据存储需求,这个时候就需要用到持久化存储技术,与iOS、安卓一样,Flutter中也有很多种持久化存储方式,比如key-value存储、文件存储、数据库存储等,但其实质都是通过平台对应的模块来实现的,本篇我们将带大家一起了解key-value存储的应用。 key-val...

2019-03-28 13:37:46

阅读数 144

评论数 0

Flutter自定义Widget和使用方法

前言 前面已经通过三个篇幅向大家介绍了Flutter原生提供的常用Widget和其使用方法,实际开发中我们会遇到一些特殊的需求或者规范一些常用的Widget作为基础UI组件来使用,这时我们就需要根据需求自定义Widget了。Flutter中的自定义Widget和安卓、iOS原生平台类似,可以使用现...

2019-03-27 13:37:54

阅读数 162

评论数 0

Flutter常用Widget详解(三)

前言 前面两篇文章给大家介绍了Widget中对应原生开发中的一些常用基础控件,Text、TextField、Button、Dialog、Picker等,本篇我们将和大家一起学习ListView、GridView等列表网格布局控件和其他常用的用于布局的Widget,如Container、Row、Co...

2019-03-27 13:37:10

阅读数 95

评论数 0

Flutter常用Widget详解(二)

前言 相信不少同学已经通过线上直播观看了本周Google举办的Flutter Live 2018,在本次活动中Google正式发布了Flutter 1.0版本,这对于正在学习Flutter或已经使用Flutter进行应用开发的我们都是一个好消息,1.0版本中增加了一些新的特性,并且是目前最稳定的版...

2019-03-27 13:36:24

阅读数 47

评论数 0

Flutter常用Widget详解(一)

前言 前几篇文章大家已经对Flutter环境搭建、所用开发语言和一些绘图原理有了一个初步了解,本篇是一个实战篇,进行应用开发时首先要进行UI界面的开发,Flutter所展示的UI界面都是由一些Widget组合而成,Widget可以理解为我们原生开发中的UI控件和UI布局控件。例如iOS中的UILa...

2019-03-27 13:30:54

阅读数 167

评论数 0

聊聊Flutter Platform SDK

文章目录前言Platform SDK 的角色扮演CreatorFlutterMain时序图FlutterActivityDelegateWhatDelegateFlutterViewFlutterNativeViewTransmitter消息渠道消息编解码传递流程Registrant情境转换注册人...

2019-03-26 11:44:15

阅读数 49

评论数 0

一文了解Dart语法

文章目录前言重要概念关键字变量变量的定义1.可以使用var来定义变量,变量的类型可以通过变量值推断出来2.也可以使用特定类型来定义变量3.如果变量不限于单个类型,则可以使用dynamic或Object来定义变量变量的默认值final 和 const内置类型函数定义方法可选参数默认值main函数函数...

2019-03-26 11:41:20

阅读数 83

评论数 0

Flutter环境搭建和项目结构介绍

文章目录前言环境搭建系统要求使用镜像安装iOS开发环境安装Android开发环境安装Flutter SDK安装Flutter开发插件项目目录结构Flutter项目运行写在最后 前言 工欲善其事必先利其器,使用Flutter开发应用要从开发环境搭建开始,本文将简单介绍Flutter的环境搭建步骤和搭...

2018-10-31 16:41:24

阅读数 1645

评论数 0

如何进行Flutter混合开发

文章目录Why Flutter ?Flutter框架与应用框架与Source Code整体框架Source CodeAPK(Android应用)结构Flutter混合模式闲鱼模式双Branch共存(Flutter模式 && Stand...

2018-10-30 19:28:24

阅读数 3379

评论数 0

Flutter简介

前言 随着移动开发技术的日渐成熟,一些厂商开始考虑跨平台技术的解决方案,从早期的Cordova、Xamarin,再到后来的React Native和Weex等等,可谓是百家齐放,每种框架都有各自的优缺点,但目标都是一致的,就是提升应用的开发效率,降低研发成本,一套代码运行多个平台。这些框架除了Xa...

2018-10-23 20:12:01

阅读数 88

评论数 0

提示
确定要删除当前文章?
取消 删除