【Flutter -- 基础】快速入门 Flutter

一、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 官方实例