【Flutter — 基础】快速入门 Flutter

文章目录

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