在 flutter 中 route 是一个绕不开,必须面对,且很常用东西

Route 就是路由,顾名思义,负责你页面间的跳转

不想看代码和思路分析的直接 copy 了拿去用就行 没有啥外部依赖,只需要注意_rootRoute 后面的字符串需要和 initialRoute 对应即可

路由又分静态和动态路由

静态就是不需要传参数的,这样的路由可以直接定义在 MaterialApp/WidgetsApp 里 这样可以通过Navigator.pushNamed调用

动态的就是传入一个PageRoute, 通常是一个MaterialPageRoute 或者CupertinoPageRoute,或者你如果有 …

有时候 flutter 更新 sdk 版本后不知道该不该更新 有时候 pub 库更新后和自己的其他类库发生了冲突

遇到这样的问题应该怎么解决呢

我们一步步解决

首先,这种依赖一般是 pub 中引用的,先查看下原作者有没有最新版,也许就解决了呢

无奈我们用到的类库是一个 5 个月没有更新过的类库,看来是指望不上了 没关系,我们进 pub 主页中

一般都是有 github 的,我们点进 github 中 如果真没有 那就下一个 zip,然后自己创建一个吧

然后 fork 项目,clone 下来,修改下 commit …

文章首发地址: https://www.jianshu.com/p/047eb78dce53

前言

最近看 qq 群里发的很多代码截图,感觉命名规则/文件命名都不符合规范 很多朋友都是从其他语言转向 dart/flutter 的,深感语言环境还需要大家共同去维护,建议还是规范化代码,这样所有人看着都会舒服 恰好 dart 语言官方有自己的代码规范和相关的说明,在 dartlang 官网上,英文好的建议阅读原文 连接地址 https://www.dartlang.org/guides/language/effective-dart/style

我这里仅粗略翻译和加入一些自己的理解

图片均来自于上述 url …

以下所有相关来自于当前认知,flutter 还在高速发展/dart 也在不停更新,后续可能发生变化 目前 flutter dev 版本是 0.7.0
dart 正式版是 2.0.0
json_serializable 版本是 1.1.0

具体的 json 解析可以参考这篇 json 连接来自于官网

其中介绍了两种方式，第一种是手动解析

需要的话可以参考一位大佬写的 在 Flutter 开发过程中快速生成 json 解析模板类的工具 这个有一个工具，python+qt 写的跨平台工具，有 linux/mac/windows 三端可执行文件

第二种是利用 json_serializable …

mac 开发环境配置 从入门到完成

本文首发简书 转载请注明出处 原文连接 掘金连接

高能提示：文章字数不多，图很多，请做好战斗准备

前言

写这篇文章的原因是我自己的 macbook 开不开机，返修后，所有开发环境全部没有了，正好要重新配置开发环境，所以写一个从零配置的文章 因为 flutter 涉及到跨平台开发，所以预想中会包含四部分 mac 篇，android 篇，ios 篇，flutter 篇

术语相关

cmd = command 键（空格左边） opt／alt = option 键（cmd 左边） ctrl = control（opt 左边） cli = 命令行工具（command-line interface, …

写在前面

这篇文章的目的是给纯 flutter 萌新回答一些基础问题,ctrl+f/cmd+f 搜索关键字 控件名 本篇会持续更新 最后更新时间 2018-08-02

布局篇

flutter 中 控件各司其职,基础控件中基本只包含自己的功能 显示内容的负责显示内容,如 Text 负责文字,Image 负责图片 容器的负责容器,Row,Column,ListView 等 尺寸位置的负责自己,Padding,Container,SizedBox 等 触摸手势触摸相关:GestureDetector

flutter 中在 widget 层级提倡组合模式,而不提倡继承模式 比如你不应该有一个class TextButton extend …

github 是每个程序员应该都会用到的平台,无奈对于国内貌似没有 CDN,速度极慢..

我在网上搜了各种修改 host 的方案,无奈并不好用,也许用国外的 VPS 中转可以解决,当然那是要收费的,还需要一些技术门槛

今天来一个傻瓜式的帮助方案 用 gitee 中转项目

开始

注册账号

Gitee 注册账号,已经有的话可以直接登录,更简单的方案,直接用 github 账号登录

新建项目

二选一

新开一个窗口,把你需要的 github 项目地址复制过来, …

flutter 面向新手向

flutter 中一切界面层级的东西全部都是 Widget 这句话怎么理解呢?

大到整个应用,小到一个文字控件,全部都是 Widget

一个常规的 Application 图级可能是这样的,当然实际情况下会比这复杂很多

对应代码和实际情况看一下

为了和图片对应 我把所有的写到一个文件里

 1
 2import 'package:flutter/material.dart';
 3
 4void main() => runApp(new MyApp());
 5
 6class MyApp extends StatelessWidget {
 7 …

flutter 介绍

所有的一切都是个人观点,不满可以留言,可以讨论,吵架大可不必 所有的资料仅 2018-07-06 时我所了解的,当前的 flutter 版本号 dev 为 0.5.6,beta 为 0.5.1 转载请注明出处,简书为第一发布平台(本人目前迁出简书平台,自建 blog)

何谓 flutter

简介

为什么要用 flutter

跨平台框架,能开发 ios/android,性能不错

已有那么多的跨平台方案,flutter 有什么优势

所有 UI 为 Flutter 平台自建,使用 skia 引擎绘制到屏幕上,能保持 …

简单记录,为后续方便查找,仅有代码片段
可以放在ViewController的基类中

 1if let bar = self.navigationController?.navigationBar {
 2    bar.backgroundColor = .themeColor
 3    bar.tintColor = .white
 4    var attrs = bar.titleTextAttributes
 5    if attrs == nil {
 6        attrs = [NSAttributedStringKey:Any]()
 7    }
 8    attrs?[ …