flutter web初探

2019-06-04
阅读 2 分钟
4.2k
距离flutter正式发布已经有半年了。目前flutter发展如日中天,从新加qq群的朋友数量就可以看出来。flutter早已经支持了桌面版的开发,前一段时间又出来了web版。看来离flutter一统江湖,哦不,一统前端的时间已经不远了:)。现在就差小程序这么个前端领域没有被flutter触及到了,对于国人的diy能力,我是深信的。如果真...

在原生ios项目中集成flutter

2019-04-09
阅读 14 分钟
16.5k
概述 本文不想写一个全篇步骤式的文章来描写怎么集成flutter,而是期望用一种探索的方式来追寻答案。 原理分析 我们首先看下flutter项目和一般原生项目的大概区别。 为了跳转方便,原生项目的入口一般是UINavigationController。 而我们看下flutter默认给我们创建的模板为: 这里我们来看下flutter的引擎源码,看下这段...

flutter项目的ios版本中怎么设置启动画面

2018-09-19
阅读 2 分钟
10k
概述 这个问题经常看到有同学在问,那么我们今天分享下怎么在flutter项目中设置ios的启动画面。 在ios中设置启动画面有两种方法,一种是采用StoryBoard设置,一种是直接采用图片设置,下面来看下两种方案。 打开工程文件 打开ios项目下的XXX.xcworkspace文件 选择项目设置 针对App Icons and Launch Images 设置,这里在...

flutter中的加密

2018-09-18
阅读 1 分钟
17.9k
前言 对于一个移动应用来说,对用户敏感信息的保护,意义重大。常见的密码保护手段有:对称秘钥加密,非对称秘钥加密以及各种散列计算。 对称秘钥加密常用的有:aes、des等,非对称秘钥常见的有:rsa等,散列计算常用的有md5、sha256等。 这些算法在flutter中有吗?笔者带着疑问搜索了一下pub和github,发现了一些库,不...

10分钟让你的flutter程序拥有定位功能--集成高德地图定位指南

2018-09-10
阅读 2 分钟
30.4k
地图定位这个功能目前基本上是商业应用app的标配。然而,在flutter中进行原生功能的开发,意味着必须的ios和android双端都通,而且需要大量的调试时间。尤其目前这个时间点,flutter的版本更新频繁,原生编译问题重重。不过没关系,总有那么一部分先驱奋不顾身的为大家踩坑探路,best-flutter目前就在做这个工作。

flutter使用binding_helper获取元素大小、位置

2018-08-30
阅读 2 分钟
5.2k
在android中,我们可以直接在元素渲染完成时获取元素大小,直接通过View.getWidth,View.getHeight方法,ios也类似,可以在渲染完成的时候获取到大小。

flutter源码分析之native初始化(Android)

2018-07-25
阅读 9 分钟
5.3k
前言 紧接着上一篇的初始化,有一些问题还没有解决,和native有关的问题如下: (10) nativeInit作用?bundle是什么,如何加载? (12)flutter中的so库具体有哪些,有什么作用? (13)native中的初始化流程? (14)这里并没有看到一行代码有和绘制图形有关,那么在哪里调用?是否都是在native中调用,怎么调用的? 下载源码 ...

Flutter源码分析之初始化篇一(android)

2018-07-24
阅读 23 分钟
15.1k
回想在公司工作拿到的第一个项目是一个flash游戏项目,在那个时候flash游戏非常流行,还没有被html5取代的迹象。游戏程序架构采用的是后端mfc+前端flash框架,整个项目代码20万行,就我自己一个人开发。公司的要求是能修改、增加游戏的功能。当时我虽然有一点mfc的基础,但是游戏没有接触过、flash的actionscript3更是一...

flutter中的异步

2018-07-13
阅读 3 分钟
11.2k
拿做饭打个比方,我可以先把米放到电饭锅里面去煮,等我放完米,盖完锅盖之后(准备环境),我就可以去做其他事情了。在米煮熟的这个期间,我不需要等着,我可以做菜,可以听音乐,可以和人聊天(无须等待),等到米煮完了,电饭锅会自己跳闸(通知我),那么我就知道米煮完了(一件事情完成)。那么煮饭这件事情,我们可...

flutter实用技巧-使用flutter_statusbar获取各种屏幕android,ios的状态栏高度

2018-07-12
阅读 1 分钟
8.2k
前言 flutter中貌似还没有什么api可以获取到系统的状态栏高度,所以就有了这个库 思路: android获取状态栏高度: {代码...} ios获取状态栏高度: 使用系统api可直接获取到状态栏的frame: {代码...} github [链接] 使用方法: 安装 在项目中增加依赖: {代码...} 然后在as中点击下"package get"或者 在项目根目录下运行: ...

flutter中使用redux之多界面互动

2018-07-11
阅读 5 分钟
9k
在上一篇文章,我们介绍了如何在flutter中使用redux。在上一篇文章的例子中,我们使用了单界面集成redux,但是在实际项目中,我们通常涉及多个模块,每个模块涉及多个界面,那么如何使用redux整合模块,并实现模块和界面间的消息传递呢?

flutter中使用redux之基础

2018-07-09
阅读 7 分钟
18.7k
本文详细讲述怎样在flutter中集成和使用redux,关于redux的概念、原理和实现,读者可自行百度,本文不做累述。 redux库 [链接] 集成redux 修改项目根目录下的pubsepc.yaml,添加依赖 {代码...} 基本集成 创建项目 先使用flutter命令 {代码...} 创建一个flutter默认的Helloworld项目 目标:改造flutter的Helloworld项目使...

flutter解决下载html中文乱码问题

2018-06-13
阅读 2 分钟
15k
目前的flutter版本貌似官方不支持gb2312、gbk等gb系列字符集的解析,这里要吐槽下! 问题分析 一般我们这么来下载一个网页的数据: {代码...} 这里的response.body直接返回了字符串,那么是怎么做到的?我们跟进去看下源码: {代码...} {代码...} 这段代码的意思是根据response的headers中的charset,找到一个合适encodin...

flutter持续集成travis-ci,coveralls

2018-06-09
阅读 2 分钟
5k
在flutter中安装环境也就是让flutter这个命令行能运行就行,按照这篇文章里面的配置步骤,我们只需要安装上flutter就可以了,所以使用这个命令足够:

flutter中的生命周期

2018-06-07
阅读 3 分钟
57.6k
和其他的视图框架比如android的Activity一样,flutter中的视图Widget也存在生命周期,生命周期的回调函数提现在了State上面。理解flutter的生命周期,对我们写出一个合理的控件至关重要。组件State的生命周期整理如下图所示:

flutter怎样集成原生模块android版,以及现阶段会遇到的坑和解决方法

2018-06-06
阅读 8 分钟
20.7k
本文以集成百度地图为例,详细讲述如何在flutter中集成android原生模块,flutter怎么调用java,以及java如何通知flutter。

flutter中获取元素的大小

2018-06-05
阅读 8 分钟
19.9k
Flutter的布局体系中,带有大小尺寸的元素并不多,比如SizedBox,ConstrainedBox,Padding等,通过精确设置元素大小来获取某个容器的大小这种方法无论在哪种布局体系中都是不大现实的。那么flutter怎么获取元素大小呢?

flutter页面间跳转和传参-Navigator的使用

2018-06-03
阅读 2 分钟
30.3k
概述 flutter中的默认导航分成两种,一种是命名的路由,一种是构建路由。 命名路由 这种路由需要一开始现在创建App的时候定义 {代码...} 然后就可以在程序中使用Navigator.pushNamed来跳转 {代码...} 这种路由的缺点是不能传递参数。 构建路由 在push的时候使用自定义方法构建一个路由 {代码...} 这种方式就可以传递参数...

flutter使用剪裁制作评分控件

2018-06-03
阅读 11 分钟
16.5k
本文介绍flutter的剪裁(Clip,也可以叫遮罩)的常见使用场景,以及使用剪裁(Clip)功能制作一款评分控件(Rating Bar)。

flutter使用svg图标

2018-06-01
阅读 3 分钟
27.6k
本文详细讲述怎样在flutter项目中使用svg图标。使得读者能够按照本文的操作步骤顺利的在项目中实践。 升级flutter 由于环境中的flutter是0.3.2beta版本,在运行项目的时候出现了提示:需要使用 {代码...} 命令来升级flutter 然而出现了这么个错误: 貌似是网络导致的,没有办法,只能重新下一个官方的 由于环境是mac,所...

在flutter中判断平台,获取设备信息

2018-05-18
阅读 3 分钟
45.1k
在生产环境app的开发过程中,获取设备信息是必不可少的一步,本文详细介绍在flutter中如何判断平台是android还是ios,并使用开源库device_info获取android和ios的设备信息。

flutter环境搭建mac版

2018-05-14
阅读 7 分钟
45.4k
macOS (64-bit)硬盘空间: 700 MB (不包含android studio等编辑器工具).命令行工具:bash, mkdir, rm, git, curl, unzip, which,brew需要保证上述命令在命令行下能使用,