[译] Awesome Flutter:带你从入门到进阶的 Flutter 指南

embedded/2025/1/18 4:14:27/
  • Awesome Flutter(中文版):github.com/xitu/awesom…

  • Awesome Flutter(英文版):github.com/Solido/awes…

Flutter 是可以用一份代码来创建 iOS 和 Android 高性能、高保真应用的移动端 SDK。

如果你喜欢这些内容 📖
请给我们加颗 ⭐
还可以通过相关内容作者的链接去为作者们点赞 👍、点亮小星星 ⭐ 或者鼓掌 👏 来支持他们!

目录

  • 文集
  • 组件
  • 视频
  • 导航
  • 模板
  • 插件
  • 框架
  • 开源应用
  • 实用软件

文集

入门文章

  • Google IO 2018 (857 👏) —— 构建漂亮,灵活的用户界面。
  • Flutter 从零到一(2.2K 👏)—— Flutter 基础,作者是 Mikkel Ravn
  • 从安装到写一个 ListView(551 👏)—— 全套 4 篇文章,作者是 Chema Rubio

教程

  • 开发一个安卓应用 —— 配置和开发第一个应用,作者是 Ashraff Hathibelagal。
  • Animated Chat —— 创建漂亮的 UI,来自谷歌代码实验室(Google Code Labs)。
  • Firebase Chat —— Firebase integration,来自谷歌代码实验室。
  • Planets-Flutter:从设计到开发 —— 详细的 planets design 教程。

说明文档

  • Flutter 动画从零到一 —— 主要讲动画,作者是 Mikkel Ravn。
  • Google Cloud Functions —— 由 Google Cloud Functions 提供支持的应用,作者是 Romin Irani。
  • Firebase(324 👍)—— Firebase 实时编码。
  • 安全类 APP(231 👏)—— 作者是 Mehmet Fidanboylu。
  • 开发你自己的插件(299 👏)—— 如何开发自定义插件?作者是 Karthik Ponnam。
  • Build Flavor(257 👏)—— 定义构建配置并切换它们,作者是 Salvatore Giordano。

Websites / Blogs

  • SZAŁKO-BLOG - Step by step advanced design by Marcin Szalek.
  • Sergi & Replace - Basic to advanced articles and tutorials Sergi Martínez.
  • Flutter by Example - Tutorials based on Redux, Firebase, Custom Animations, and UI.
  • Flutter Institute - Very original content and tutorials by Brian Armstrong.
  • Flutter Rocks - Blog about the joys of Flutter by Iiro Krankka.
  • Norbert - In depth articles, features and app creation by Norbert515.
视频教程
  • Tensor Programming(64 🎬)—— 内容非常丰富,作者是 Tensor Programming。
  • Flutter 挑战 —— 高生产价值,深入的 Flutter 挑战、教程和模式。
  • Brandon Donnelson(55 🎬)—— 内容包括布局、数据库和 Brandon Donnelson 的一些常用技巧。
  • Mtechviral(71 🎬)—— [印地语/英语] Mtechviral 系列,作者是 Pawan Kumar。
  • Udacity —— 开发原生移动应用,来自 Google。
  • VoidRealms(42 🎬)—— 从入门到进阶的视频教程。

组件

示例

  • 官方 Gallery —— 来自 Flutter 团队的展示 Material Design 风格的 Widget 和一些其他功能展示的示例 APP。
  • Posse Gallery(131 ★)—— 示例,作者是 Posse。
  • Flutter 示例(708 ★)—— 为 Flutter 开发者提供的一个简单基础的独立应用,作者是 Nishant Srivastava。

UI

  • 拾色器(5 ★)—— 选择 Primary、Accent 和 RGB 颜色,作者是 Hadrien Lejard。
  • 3D 对象(19 ★)—— 在画布(canvas)上面渲染一个 wavefront 对象(.obj 文件,Alias|Wavefront 公司的 3D 模型文件格式),作者是 Hemanth Raj。
  • Contact Picker —— 从通讯录里选取一个联系人,作者是 Michael Goderbauer
  • Parallax(110 ★)—— ViewPager,作者是 Iiro Krankka。
  • Material 风格的拾色器(23 ★)—— 基于 Google Docs 的拾色器,作者是 Lung Razvan。
  • StaggeredGridView(115 ★)—— 具有不同尺寸磁贴(tile)的 GridView,作者是 Romain Rastel。
  • Sticky Header (27 ★) - Sliver based sticky headers by Romain Rastel.
  • 径向菜单(76 ★)—— 带动画的径向菜单,作者是 Victor Choueiri。
  • Tinder 卡片(58 ★)—— Tinder like 卡片滑动效果,作者是 Ivascu Adrian。
  • Sticky Headers (73 ★) - Configurable sticky headers by Simon Lightfoot.
  • Login Animation (119 ★) - Smooth animation from login to home by Ruchika Gupta.
  • List Drag&Drop (55 ★) - Reorder list elements using Drag & Drop by Norbert515.
  • Calendar Widget (8 ★) - Calendar widget by David Bennett.
  • Side Header List (38 ★) - Listview with sticky headers by Rene Floor.
  • Shimmer (55 ★) - Shimmer effect while content is loading by HungHD.

图片

  • Image Picker —— 图片选择器,作者是 Collin Jackson。
  • 可缩放图像(42 ★)—— 作者是 Perlatus。
  • Carousel Slider(42 ★)—— 旋转滑动小部件,支持无限滚动和自定义子部件,作者是 serenader。
  • Parallax Image(53 ★)—— 图像视差,作者是 Anatoly Pulyaevskiy。
  • Photo View (25 ★) - Scalable image view with loading placeholder by Renan C. Araújo.

地图

  • Google Map View(176 ★)—— 展示谷歌地图的插件,作者是 AppTree Software。
  • GeoCoder(16 ★)—— 正向和反向地理编码,作者是 Aloïs Deniel。
  • Flutter 地图(144 ★)—— 开源的地图定制化解决方案(基于 Leaflet),作者是 AppTree Software。
  • Mapbox GL(72 ★)—— 交互式、可定制的矢量地图,作者是 Mapbox。
图表
  • Circular Chart(78 ★)—— 带动画效果的径向图和饼图,作者是 Victor Choueiri。
  • Flutter Charts(66 ★)—— 折线图和垂直柱状图的库,作者是 Milan Zimmermann。
  • Sparkline(43 ★)—— Sparkline 图表,作者是 Victor Choueiri。
  • Charts(140 ★)—— 来自谷歌图表团队(Google Charts Team)。
  • Flutter Plot(5 ★)—— 漂亮的 plot 制图工具,作者是 R. C. Howell。
  • Candlesticks(18 ★)—— OHLC(蜡烛图)和贸易额图表,作者是 Trent Piercy。
  • FCharts (117 ★) - Beautiful, responsive, animated charts by Keenan Thompson.

导航

  • Fluro(292 ★)—— 具有导航、通配符、查询、过渡动画的最亮、最时尚、最酷的 Flutter 路由器,作者是 Posse。
  • Circle Indicator(12 ★)—— PageViewer 的圆形指示器,作者是 Lung Razvan。
  • Quick Actions —— 与应用程序的主屏幕快速操作进行交互。
  • Swiper (12 ★) - Horizontal, Vertical, Partial swipe with indicator by Xueliang Ren.

认证

  • 本地身份验证 —— Ios 和 Android 上的 Touch ID、锁屏密码和指纹验证
  • Flutter 登录(96 ★)—— FaceID, TouchID, 还有指纹扫描,作者是 Rody Davis。
  • Google Sign-In —— Google 身份验证。
  • Firebase Auth —— Firebase 身份验证。
  • Facebook Login (62 ★) - Authenticate with native Android & iOS Facebook login SDKs by Iiro Krankka.
  • Flutter OAuth(44 ★)—— Buffer、Strava、Unsplash 和 Github 身份验证,作者是 Joe Birch。
  • Instagram —— Instagram 身份验证,作者是 Wilfried Mbouenda Mbogne。

文字和富文本

  • Flutter Markdown(63 ★)—— 用 Flutter 开发的 Markdown 渲染器。支持原始格式,但不支持内联 html。
  • Rich Text Editor (42 ★) - Text editor with style by Lung Razvan.
  • Masked Text (6 ★) - Masked text with custom and monetary formatting by Ben-hur Santos Ott.

分析

  • Usage(35 ★)—— 适用于命令行、网页 和 Flutter 应用程序的 Google Analytics 封装。
  • Firebase Analytics —— 连接到 Firebase Analytics API。
  • Segment.com 分析(3 ★)—— 让你的 Segment.com 分析变得轻而易举!作者是 Faisal Abid。

自动化构建

  • Travis CI for Flutter(19 ★)—— 持续集成,作者是 Yegor Jbanov。
  • 在 Travis 上测试 Flutter(246 👏)—— Widget 测试框架,作者是 Yegor Jbanov。
  • 在 Travis 上构建 Apk/Ipa(130 👏)—— 针对 Android 和 IOS 平台的自动化构建,作者是 Yegor Jbanov。
  • BitRise(36 👏)—— 用 Go 语言创建 Bitrise 步骤,作者是 Karol Wrótniak。

风格

  • Flutterial(46 ★)—— Flutter Material 主题的探索者,作者是 Erick Ghaumez。
  • Frosted Glass —— 渲染器效果,作者是 Collin Jackson。
  • Font Awesome —— Font Awesome 图标包,作者是 Brian Egan。
  • FlutterIcon —— 图标字体生成器。
  • Pigment(27 ★)—— 简单但是很实用的在 Flutter 里面使用颜色的包。

多媒体

  • 音频插件(95 ★)—— Beta 版,作者是 Erick Ghaumez。
  • 录音机(24 ★)—— 录制音频并存储在本地,作者是 Jordan Alcaraz。
  • Stereo(22 ★)—— 在 iOS 和 Android 上面播放音乐,作者是 2Find。
  • WebRTC (80 ★) - WebRTC plugin for iOS/Android by CloudWebRtc.
  • Chewie (70 ★) - Provides low-level access to video playback by Brian Egan.

语音

  • Speech Recognition(41 ★)—— 语音转文字,作者是 Erick Ghaumez。
  • OK Google —— 整合了 Google 语音助手,作者是 Marcin Szalek。

存储

  • Firebase Storage —— 用 Firebase 作为数据存储设备。
  • Secure Storage (23 ★) - Keychain and Keystore storage by German Saprykin.

变现

  • Admob —— GoogleAdmob 支持在 iOS 和 Android 上面显示插页式广告,作者是 Brett Nesbitt。
  • Firebase AdMob —— 使用 Firebase 进行广告整合。
  • Flutter Billing(39 ★)—— 在 iOS 和 Android 上面使用结算,作者是 Volodymyr Lykhonis。

模板

  • Movie Details(93 ★)—— 电影详情页面,作者是 Iiro Krankka。
  • Flutter Mates(160 ★)—— 如何从 randomuser.me API 加载个人信息列表,并通过一个漂亮的页面展示个人信息详情,作者是 Iiro Krankka。
  • Weather(50 ★)—— 学习如何使用 Canvas 和动画去制作天气应用,作者是 Alessandro Aime。
  • TodoMVC(644 ★)—— 准备使用不同框架的备忘录应用:Vanilla, Redux, built_redux,作者是 Brian Egan。
  • Restaurant Menu(219 ★)—— 饭店菜单,作者是 Braulio Cassule。
  • UI 挑战(222 ★)—— 个人信息应用、旅行应用、美食应用,作者是 Tomi Alagbe。
  • Cupertino Settings(19 ★)—— iOS 设置,作者是 Matthias Rupp。
  • Music Player(59 ★)—— 音乐播放器部件,作者是 Tobe O。
  • Dashboard(142 ★)—— 仪表板和商品列表,作者是 Ivascu Adrian。
  • Todo (94 ★) - Todo template from Dribble by Marc L.
  • Card Swipe Animation (40 ★) - Swipe cards template by Ruchika Gupta.

插件

  • Flutter 插件 —— Flutter 团队的官方插件
  • Sqflite(221 ★)—— SQLite 的 Flutter 插件,作者是 Alexandre Roux。
  • WebView(152 ★)—— 作者是 Hadrien Lejard。
  • Pub Plugins —— Dart Pub Repository 的筛选插件。
  • Flutter Location(79 ★)—— 处理位置,处理回调以获得连续的位置,作者是 Lyokone。
  • QR Code Reader(32 ★)—— 二维码扫描插件,作者是 Matheus Villela。
  • Battery —— 获取电池相关的各种信息。
  • Zebra EMDK(3 ★)—— 使用 Zebra EMDK 来获取 Barcode Scanner API。
  • Proximity Sensor Plugin —— 一个可以访问你设备上的距离传感器(proximity sensor)的插件,作者是 Manoj NB。
  • Geolocation(72 ★)—— 功能齐全的地理位置插件:当前位置,位置更新,地理编码,地点等等,作者是 Loup。
  • Local Notifications(62 ★)—— 展示本地通知的插件,作者是 Michael Bui。
  • Google Mobile Vision(25 ★)—— Google Mobile Vision 的实现,作者是 Eduardo Folly。
  • App Rating(20 ★)—— 为 App Store 和 Google Play 评分和写评论,作者是 Rody Davis。
  • Get Version(13 ★)—— 获取版本名、版本号、App ID 和带有操作系统版本的平台信息,作者是 Rody Davis。
  • Downloader (23 ★) - Create and manage download tasks by HungHD.
  • Place Dialog (9 ★) - Places picker dialog returning the places to the app by David Bennett.
  • Cached Network Image (61 ★) - Show images from the internet and keep them in the cache directory by Rene Floor.
  • Device Calendar - Plugin for modifying calendars on the user’s device by Built to Roam.

蓝牙 / NFC / Beacon

  • Flutter Ble(45 ★)—— 蓝牙,作者是 Polidea
  • Flutter Blue(142 ★)—— 蓝牙,作者是 Paul DeMarco。
  • NFC (12 ★) - Connect IsoDep iso 14443-4 cards for android by Göksel Uyulmaz.
  • Beacons (4 ★) - Flutter beacons plugin by Loup.

框架

Redux / ELM / Dependency Injection

  • Flutter built redux(40 ★)—— 自动订阅你的 Redux 仓库。基于建造模式,作者是 David Marne。
  • Redux.dart(115 ★)—— 具有中间件生态系统、集成了 Flutter 还有时间旅行开发工具的面向 Dart 语言的 Redux 接口,作者是 John Ryan 和 Brian Egan。
  • Flutter_redux(183 ★)—— 这是一个能支持 redux.dart 的实用工具,能让你轻松消费 Redux Store 来开发 Flutter Widgets。
  • Dartea (7 ★) - Model View Update inspired by TEA from ELM by Shilyagov P.
  • Inject (184 ★) - Compile-time dependency injection for Dart and Flutter by Google.
  • Flutter_flux (167 ★) - Implementation of the Flux framework by Google.

http://www.ppmy.cn/embedded/154846.html

相关文章

Linux nc 命令详解

简介 nc 全称 netcat&#xff0c;是一个在 Linux 中多功能的网络工具&#xff0c;通常用于通过 TCP 或 UDP 读取和写入网络连接&#xff0c;也能作为客户端或服务端用来 debug&#xff0c;测试&#xff0c;网络问题分析。 常用示例 检查端口是否是打开的 nc -zv <hostna…

算法专题——二分查找

目录 前言 1、二分查找 2、在排序数组中查找元素的第一个和最一个位置 3、搜索插入位置 4、 x 的平⽅根 5、山峰数组的峰顶 6、寻找峰值 ​ 前言 本文主要介绍二分算法的思想和相关题目。很多介绍都说二分算法往往需要有序&#xff0c;但实际有序并不是使用二分算法的核…

亿道三防丨三防笔记本是什么意思?和普通笔记本的优势在哪里?

三防笔记本是什么意思&#xff1f;和普通笔记本的优势在哪里&#xff1f; 在现代社会中&#xff0c;笔记本电脑已经成为人们工作和生活中不可或缺的一部分。然而&#xff0c;在一些特殊行业或环境中&#xff0c;普通笔记本电脑由于其脆弱性和对环境条件的敏感性&#xff0c;往…

Netty中的NioEventloop(1)

1. 基础介绍 1.1 Reactor模式概述 Reactor模式 是一种事件驱动的设计模式&#xff0c;广泛应用于高并发的网络编程中&#xff0c;尤其是在服务器端程序的实现中。这个模式的目标是 处理大量的并发请求&#xff0c;同时避免每个请求都被独立的线程所处理&#xff0c;以节省系统…

【Python】分析JVM的GC日志

在项目启动命令中增加JVM参数 nohup /usr/local/jdk1.8.0_361/bin/java -XX:PrintGCDetails -XX:PrintGCTimeStamps -XX:PrintGCDateStamps -XX:PrintHeapAtGC -Xloggc:/usr/local/logs/gc.log -jar /opt/test.jar --spring.profiles.activeprod > /dev/null 2>&1…

使用docker-compose安装ELK(elasticsearch,logstash,kibana)并简单使用

首先服务器上需要安装docker已经docker-compose&#xff0c;如果没有&#xff0c;可以参考我之前写的文章进行安装。 https://blog.csdn.net/a_lllk/article/details/143382884?spm1001.2014.3001.5502 1.下载并启动elk容器 先创建一个网关&#xff0c;让所有的容器共用此网…

【docker踩坑记录】

docker踩坑记录 踩坑记录(持续更新中.......)docker images 权限问题 踩坑记录(持续更新中…) docker images 权限问题 permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Head "http://%2Fvar%2Frun%2Fdocker.s…

Android SystemUI——基础简介(一)

Android SystemUI 是 Android 操作系统的一部分,负责处理与用户界面相关的所有元素。它是 Android 设备上的一个关键组件,管理着屏幕顶部的状态栏(显示时间、信号强度、电池电量等)、屏幕底部的导航栏(返回、主页、最近的应用程序等按钮)、锁屏界面以及各种系统级别的交互…