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 来实现对应 …

无论在 android 开发中 还是 flutter 开发中,都会面临迁移 AndroidX 的问题

官方有一个说明,可以 参考链接

下面是我总结的修改方式

迁移到 androidX

修改 andorid 目录下的 app/build.gradle

1android{
2  compileSdkVersion 28
3}

使用了 gradle wrapper

如果 andorid 根目录下有这个文件夹/文件,则需要修改

根据官网说明,最好修改到 4.10.1 以上

gradle-wrapper.properties 文件

修改版本号位置,我使用的是当前的最新版 5.2.1,你可以根据你的情况修 …

最近闲来无事,撸了一个日志插件,功能很简单

在开发机上开启一个服务端

然后客户端(不仅是 flutter,而是只要可以使用dart:io就可以)开启远程连接,然后就可以发送日志到服务端了

好处

这样的好处是,开发机可以实时接收到日志,并且保存到文件中

因为我们很多时候会发生日志超出一个长度(好像是 1000 个),然后在 console 中不能完整显示的问题,比如网络网文请求,如果响应的报文不完整就不能复制出完整的 json,有的错误不太好定位

使用这个插件后,就可以在开发机简单的通过命令保存日志,方便后续定位

只要你的客户端可以访问到服务端,这就能实现

开发过程

使用WebSocket连接,这个类在 dart …

前言

如果你接触过npm/yarn 应该知道,有一些包可以全局使用,就是安装后可以直接用,比如vue-cli这样的应用,应该是用node开发的

在dart中也可以实现类似的功能, 使用 pub global 就可以了,在连接中有完整的说明 也有 stagehand 这样的应用程序可以直接使用

我在这里简单的实战一下,实现一个简单的cli应用程序

这个程序没什么多余的功能,就简单的实现输入敲击unix获取时间戳

建立工程前的准备

将dart,pub加入PATH环境变量

需要在环境变量中添加几个东西,添加环境变量的方式自己搜索一下

一个是dart/bin的目录,你需要在命令行中让dart命令可用

1➜  ~ dart --version …