本篇只是 上篇 的补充

介绍一些当前的 flutter_web 版和 flutter 的移动版的差别

• dart:io 包无法使用造成的影响
  • dio 不能用
  • File 相关的 api 无法使用
  • Socket/WebSocket
• dart:html 包的使用
• js 包的使用
• 结尾

dart:io 包无法使用造成的影响

dart:io是一个在 flutter 中常用的包,但是在 web 版中是使用不了的

dio 不能用

dio包用不了,因为 dio 包是依托于 dart:io 包中的 HttpClient 进行的封装

并且因为国内很多初学者朋友人云亦云的选择了 dio 作为 http 的请求框架,所以 …

在最近两天 dart 更新到了 2.3 的稳定版

增加了一些语法糖,对于开发 flutter 来说会更加的友好

可以查看 medium

当然,本篇不是翻译,只是对于新语法做一个简单的尝试

...语法

这个语法很眼熟,在 js 中有类似的语法,其他语言可能也有

什么意思呢

看下面的代码

 1main(List<String> arguments) {
 2  list3Point();
 3}
 4
 5void list3Point() {
 6  var list1 = <int>[1, 2, 3, 4];
 7
 8  var list2 = <int>[
 9    0,
10 …

最近 2019 的 google io 大会开始了,之前的"蜂鸟"引擎也在 flutter 官网中出现了, 不过这次改了个名字叫 flutter-web

具体的使用步骤参考项目 readme 中的方式来使用

• 构建项目
• 运行项目
  • 简单运行
  • 测试交互
  • 文本输入
  • 图片
    • 网络图片
    • 本地资源文件
    • 内存图片
  • 滚动控件
• 日志
• 几个问题需要注意
  • 数字的类型
  • dart:io 的问题
  • 插件的使用
• 打包
• 查看一下 html 结构
• 后记

构建项目

建议: 配置dart,pub,~/.pub-cache/bin到环境变量

配置 webdev …

OKToast 是一款 在 flutter 上 使用的 toast 插件

使用简单, 可定制性强, 纯 flutter, 调用不用 context

• 安装
• 使用
  • 在代码中定义 OKToast 组件
  • 调用
    • 文本 toast
    • 自定义 widget
• 简单的 toast 实现
• 进阶使用
  • 隐藏已出现的 toast
    • 隐藏所有的 toast
    • 隐藏单独的 toast
    • 自定义属性
• 本文完整的 main.dart
• 和 fluttertoast 的对比
• 后记

安装

查看文档: …

• 分支
• 对比
• rss 订阅
• 后记

分支

与很多项目不同, flutter 使用 master 作为开发分支而不是发布分支

flutter 有几个主要的 branch:

master: 主分支,开发分支
dev: 发布第二快的分支, 每次的版本更新会优先发布到这个频道来, 主要给 flutter 尝鲜开发者使用
beta: 测试分支, 这个分支更新相对缓慢
stable: 可以在生产环境使用的, 相对问题最少,发布次数最少

对比

flutter 更新速度很快,几乎每天都有 commit, 间隔几天就会有一个新版本释出

flutter 以 v 开头,数字部分使用标准的三段版本号 vx.x.x …

所有的分析基于当前的 1.4.7 版本,flutter sdk 的版本更新可能会修改这个文件

1Flutter 1.4.7 • channel dev • https://github.com/flutter/flutter.git
2Framework • revision 1bfa2f2311 (3 days ago) • 2019-03-29 10:05:18 -0700
3Engine • revision c4d14a0071
4Tools • Dart 2.2.1 (build 2.2.1-dev.2.0 None)

这个文件是 sdk 中的 android 部分的配置文件文件,简单分析一下流程,以便于魔改或在项目中可以 …

上篇文章 说了 showDialog 方法的使用

但是这个方法有很多东西是固定的

比如背景颜色,转换的时长和样式等等,很多东西你很难去自定义

本篇我使用另一个方法showGeneralDialog来做一些自定义

准备工作

同上一章一样,定义一个通用方法

 1Widget buildButton(
 2  String text,
 3  Function onPressed, {
 4  Color color = Colors.white,
 5}) {
 6  return FlatButton(
 7    color: color,
 8    child: Text(text),
 9    onPressed: …

在应用开发中,或多或少都会遇到需要弹框的问题, 比如:需要用户确认,需要输入一些信息等等的问题,这就要用到 dialog 相关的概念了

而在 flutter 中,所有可以看见的都是 Widget,dialog 也不例外

不过和 android 或 iOS 中不同的一点是,Flutter 中 dialog 不是一个单独的类,而是一个可以由你自定义的 Widget

写在前面

首先为了方便,我定义了一个简单的方法用于构建按钮

 1  Widget buildButton(
 2    String text,
 3    Function onPressed, {
 4    Color color = Colors.white,
 5 …

如果接触过原生开发的朋友可能知道

最初几年官方推荐使用 sp 作为字体大小的单位，但是事实上经过长时间实践的情况下，大家都开始逐渐使用 dp 作为单位

这样使用者调整系统字体大小，app 中的文字大小就不会受到影响，出现错误等情况

flutter 中修改

iOS 中叫动态字体大小,对应辅助功能中的字体大小

android 中叫字体大小

当你开发完成，又遇到用户修改系统字体大小导致某些地方错位，甚至按钮被挤出屏幕看不见了就是个问题了

而 flutter 中没有单位的概念，我们应该如何实现这个功能呢

在 flutter 中，是由 MediaQuery 来实现对应 …