Flutter -- 实战快速入门 Flutter

Posted 2022-07-28 Kevin-Dev

文章目录

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