Flutter 实战项目

本文中的案例全部来自Packt今年4月所发行的Flutter Projects by Simone Alessandria，全书共计11个项目。这两年也翻译了好几本技术类的书，但译书相对较为费时，且因缺少打磨文字的时间和功底，时常会出现一些错误，以后会多分享此类总结，感兴趣可以一起交流，对于读者特别关注的项目也可挑选出来进行翻译。

• Hello World Travel
• Measures Converter
• Productivity Timer
• Pong Game
• Let's Go to the Movies
• Shopping List

GitHub 地址：https://github.com/alanhou/flutter-projects

国内使用 flutter 时，可配置镜像进行加速

export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

常用命令

flutter doctor 
flutter create hello_world 
flutter run

快捷键/命令

stless
stful

项目一：Hello World Travel

Dart语言基础

在线运行： DartPad 面向对象讲解：How to explain object-oriented programming concepts to a 6-year-old 私有变量以下划线 _ 开头 Material Design

扩展阅读

• Flutter安装
• Chrome OS 安装 Flutter
• Material Design
• Flutter Community on Medium

Hello World Travel

项目二：Measures Converter

Stateful Widget运行流程示例

单位转换对照表

项目最终效果

扩展阅读

• Flutter 布局
• TextFields
• DropdownButton

项目三：Productivity Timer

• 配色工具
• percent_indicator
• shared_preferences)

项目最终效果

扩展阅读

• 项目灵感来源： Deep Work by Cal Newport
• Dart异步编程Futures
• Dart异步编程Streams
• Flutter函数式编程

项目四：Pong Game

• mixins in Dart

最终项目效果

扩展阅读

• Animation 文档
• Flutter 函数式编程
• 第三方动画工具 Rive
• 从零开始开发跨平台 Flutter游戏
• 高性能动画和2D 游戏
• Flame

项目五：Let's Go to the Movies

• Movie Database API
• http 库
• Flutter icons

项目最终效果

电影搜索页 电影列表页 电影详情页

扩展阅读

• 从网络获取数据
• 异步编程
• JSON序列化
• ListView
• 单元测试

项目六：Shopping List

• SQL教程
• SQLite 速度
• SQLite 占用空间
• SQLite Tutorial
• Singleton Pattern

SQLite 五种数据类型：NULL、INTEGER、REAL、TEXT、BLOB

项目最终效果

购物列表首页 购物清单子项

本文首发地址：Alan Hou的个人博客