文章目录
- 一、Flutter 介绍
- 二、Flutter 环境配置
- 三、学习资料
- 四、视频 & 书籍
- 五、博客专栏
- 六、第三方库
- 1. 网络
- 2. UI
- 3. 数据
- 4. 设备
- 5. 工具
- 6. 实战
一、Flutter 介绍
Flutter app 使用了 Dart 语言，源自于 Google，现在是 ECMA 的标准。Dart 吸收了许多现代语言的特性，比如 Kotlin 和 Swift，同时能被转译成 js 代码。
作为一个跨平台框架，Flutter 和 React Native 非常像，因为 Flutter 支持响应式和声明式语法。但和 React Native 不同，Flutter 不需要 Javascript 桥接，这显著提升了 app 的加载时间和整体性能。Dart 是通过 AOT 编译来做到这一点的。
Dart 还有一个独特的地方，它也支持 JIT 编译。Flutter 的 JIT 编译改变了开发流程，它允许在开发中通过热加载来更新 UI，而无需进行新的 build。
二、Flutter 环境配置
- 【Flutter – 实战】在 Windows 上搭建 Flutter 开发环境
- 【Flutter–实战】在 macOS 上搭建 Flutter 开发环境
三、学习资料
- Flutter 官网
- Flutter 中文网
- Flutter GitHub
- 闲鱼技术 – Flutter
- 稀土掘金 – Flutter
- 阿里巴巴 – FlutterGo
四、视频 & 书籍
- 《Flutter实战·第二版》
- 一个很棒的Flutter学习资源列表
- Flutter 快速入门视频教程
- Flutter 44集免费基础视频教程
五、博客专栏
- Flutter – 实战
- Flutter
- Flutter基础
- Carson带你学：Flutter
六、第三方库
1. 网络
- dio
网络请求
dio: ^3.0.9
https://pub.dev/packages/dio - http
网络请求
http: ^0.12.0+2
https://pub.dev/packages/http - cookie_jar
cookie持久化
cookie_jar: ^1.0.0
https://pub.dev/packages/cookie_jar
2. UI
- fluttertoast
Toast
fluttertoast: ^3.1.0
https://pub.dev/packages/fluttertoast - flutter_swiper
轮播banner
flutter_swiper: ^1.1.6
https://pub.dev/packages/flutter_swiper - flutter_webview_plugin
加载webview
flutter_webview_plugin: ^0.3.5
https://pub.dev/packages/flutter_webview_plugin - flutter_html
加载富文本
flutter_html: ^0.11.0
https://pub.dev/packages/flutter_html - flutter_markdown
加载markdown
flutter_markdown: ^0.2.0
https://pub.dev/packages/flutter_markdown - zefyr
富文本编辑器
zefyr: ^0.8.0
https://pub.dev/packages/zefyr - badges
徽章
badges: ^1.1.0
https://pub.dev/packages/badges - flutter_easyrefresh
下拉刷新上拉加载
flutter_easyrefresh: ^2.0.0
https://pub.dev/packages/flutter_easyrefresh - fl_chart
图表
fl_chart: ^0.1.5
https://pub.dev/packages/fl_chart - city_picker
城市选择器
city_picker: ^0.1.3
https://pub.dev/packages/city_picker - azlistview
列表索引
azlistview: ^0.1.2
https://pub.dev/packages/azlistview - file_picker
文件选择器
file_picker: ^1.3.8
https://pub.dev/packages/file_picker - image_picker
图片选择器
image_picker: ^0.6.1
https://pub.dev/packages/image_picker - cached_network_image
图片缓存
cached_network_image: ^1.1.1
https://pub.dev/packages/cached_network_image - photo_view
图片手势
photo_view: ^0.4.2
https://pub.dev/packages/photo_view - flutter_calendar_carousel
日历
flutter_calendar_carousel: ^1.3.18
https://pub.dev/packages/flutter_calendar_carousel - date_range_picker
日期区间选择器
date_range_picker: ^1.0.6
https://pub.dev/packages/date_range_picker - font_awesome_flutter
图标库
font_awesome_flutter: ^8.5.0
https://pub.dev/packages/font_awesome_flutter - flutter_spinkit
动画库
flutter_spinkit: ^3.1.0
https://pub.dev/packages/flutter_spinkit - flukit
Flutter UI组件库
flukit: ^1.0.2
https://pub.dev/packages/flukit
3. 数据
- sqflite
数据库
sqflite: ^1.1.6
https://pub.dev/packages/sqflite - shared_preferences
sp本地存储
shared_preferences: ^0.5.3+4
https://pub.dev/packages/shared_preferences
4. 设备
- connectivity
监听网络状态
connectivity: ^0.4.3+6
https://pub.dev/packages/connectivity - share
分享
share: ^0.6.2+1
https://pub.dev/packages/share - camera
相机
camera: ^0.5.2+2
https://pub.dev/packages/camera - device_info
设备信息
device_info: ^0.4.0+2
https://pub.dev/packages/device_info - package_info
包信息
package_info : ^0.4.0+6
https://pub.dev/packages/package_info - path_provider
获取本地文件路径
path_provider: ^1.2.0
https://pub.dev/packages/path_provider
5. 工具
- rxdart
函数式编程
rxdart: ^0.22.1+1
https://pub.dev/packages/rxdart - provide
状态管理
provide: ^1.0.2
https://pub.dev/packages/provide - provider
状态管理
provider: ^3.0.0+1
https://pub.dev/packages/provider - event_bus
消息传递
event_bus: ^1.1.0
https://pub.dev/packages/event_bus - url_launcher
打开链接
url_launcher: ^5.1.2
https://pub.dev/packages/url_launcher - intl
国际化
intl: ^0.15.8
https://pub.dev/packages/intl - fluro
路由
fluro: ^1.5.1
https://pub.dev/packages/fluro - simple_permissions
权限相关
simple_permissions: ^0.1.9
https://pub.dev/packages/simple_permissions - video_player
视频播放器
video_player: ^0.10.1+6
https://pub.dev/packages/video_player - audioplayers
音频播放器
audioplayers: ^0.13.1
https://pub.dev/packages/audioplayers - qr_flutter
二维码
qr_flutter: ^2.1.0+55
https://pub.dev/packages/qr_flutter
6. 实战
- 玩Android 客户端
- Gank Flutter 客户端
- Flutter 官方实例
