iOS程序猿的flutter学习之路

本文汇集了Flutter开发的全面资源,包括基础知识、项目实战、三方库和常见问题解决方案。覆盖从环境搭建、组件使用到深入原理的各类文章,适合各阶段开发者学习。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

日常学习Flutter开发的积累

推荐一些平时自己学习Flutter开发当中接触到的优秀文章




-------------------------基础知识 -------------------------

基础知识学习内容网址系列
Flutter中文网官方学习网址,入门学习点击前往
flutter环境搭建mac版1.系统环境要求
2.下载flutter
3.配置环境变量
4.检查环境
5.搭建环境常见问题整理
点击前往
flutter基础-看完这篇就可以撸app了a. layout结构
b. navBar
c. tabbar和列表组件的使用
d. http请求JSON数据,并渲染到列表
e. 组件之间的通信
f. 路由(带参数路由)
点击前往
Flutter学习之入门和体验1.Flutter架构
2.Flutter环境搭建
3.创建第一个Flutter程序
4.编写第一个应用
点击前往真丶深红骑士的系列
Flutter学习之Dart语法特性1.Dart环境
2.Dart一些概念
3.Dart语法
点击前往真丶深红骑士的系列
Flutter学习之认知基础组件1.Widget简介
2.Flutter页面
3.Flutter布局
4.实践
点击前往真丶深红骑士的系列
Flutter学习之布局、交互、动画1.布局
2.交互
3.动画
点击前往真丶深红骑士的系列
Flutter学习之事件循环机制、数据库、网络请求1.Dart中的异步任务消息循环机制
2.Dart中的异步支持
3.文件操作
4.sqflite数据库
5.网络请求操作
6.JSON
点击前往真丶深红骑士的系列
Flutter完整开发实战详解(一、Dart语言和Flutter基础)1.环境搭建
2.Dart语言下的Flutter
3.Flutter Widget
4.Flutter 布局
5.Flutter 页面
点击前往恋猫de小郭
Flutter 完整开发实战详解(二、快速实战篇)1.基础控件
2.数据模块
3.其他功能
点击前往恋猫de小郭
Flutter完整开发实战详解(三、 打包与填坑篇)1.打包
2.细节
3.问题处理
点击前往恋猫de小郭
Flutter完整开发实战详解(四、 Redux、主题、国际化)1.Redux
2.主题
3.国际化
点击前往恋猫de小郭
Flutter 完整开发实战详解(五、深入探索)1.WidgetsFlutterBinding
2.InheritedWidget
3.内存
4.线程
5.热更新
点击前往恋猫de小郭
Flutter 完整开发实战详解(六、 深入Widget原理)针对描述一下 Widget 中的一些有意思的原理点击前往恋猫de小郭
Flutter 完整开发实战详解(七、 深入布局原理)1.单子元素布局
2.多子元素布局
3.多子元素滑动布局
点击前往恋猫de小郭
Flutter完整开发实战详解(八、 实用技巧与填坑)主要讲述 Flutter 开发过程中的实用技巧,让你少走弯路少掉坑,全篇属于很干的干货总结,以实用为主,算是在深入原理过程中穿插的实用篇章。点击前往恋猫de小郭
Flutter完整开发实战详解(九、 深入绘制原理)本篇主要深入了解 Widget 中绘制相关的原理,探索 Flutter 里的 RenderObject 最后是如何走完屏幕上的最后一步,结尾再通过实际例子理解如何设计一个 Flutter 的自定义绘制。点击前往恋猫de小郭
Flutter完整开发实战详解(十、 深入图片加载流程)本篇主要深入了解 Flutter 中图片加载的流程,剥析图片流程中有意思的片段,结尾再实现 Flutter 实现本地图片缓存的支持。点击前往恋猫de小郭
Flutter完整开发实战详解(十一、全面深入理解Stream)一、Stream 由浅入深
二、StreamBuilder
三、rxdart
点击前往恋猫de小郭
Flutter完整开发实战详解(十二、全面深入理解状态管理设计)一、scoped_model
二、BloC
三、flutter_redux
四、fish_redux
点击前往恋猫de小郭
Flutter完整开发实战详解(十三、全面深入触摸和滑动原理)1、事件流程
2、事件竞争
点击前往恋猫de小郭
Flutter开发之Dart语法基础Dart是谷歌在 2011 年推出的编程语言,是一种结构化Web编程语言,允许用户通过Chromium中所整合的虚拟机(Dart VM)直接运行Dart 语言编写的程序,免去了单独编译的步骤点击前往RunTitan的系列
Flutter开发之Dart的数据类型01numbers(数字)
strings(字符串)
booleans(布尔)
lists (也被称之为 arrays)
maps
runes (用于在字符串中表示Unicode字符)
symbols
点击前往RunTitan的系列
Flutter开发之Dart的数据类型02numbers(数字)
strings(字符串)
booleans(布尔)
lists (也被称之为 arrays)
maps
runes (用于在字符串中表示Unicode字符)
symbols
点击前往RunTitan的系列
Flutter之基础WidgetWidget是Flutter开发中的主要组成部分, 是Flutter的基础, Flutter的核心设计思想便是: 一切皆Widget点击前往RunTitan的系列
Flutter之布局类Widget在Flutter中,根据Widget是否需要包含子节点将Widget分为了三类,分别对应三种Element点击前往RunTitan的系列
Flutter之容器类Widget1.填充类容器Padding
2.布局限制类容器
3.ConstrainedBox、SizeBox
4.装饰类容器DecoratedBox
5.变换类容器Transform
6.组合容器Container
7.导航类容器Scaffold、TabBar、AppBar等
点击前往RunTitan的系列
Flutter之基础Widget之TextField主要介绍TextField点击前往RunTitan的系列
Flutter中App的主题和导航MaterialApp点击前往RunTitan的系列
Flutter基础篇(1)-- 跨平台开发框架和工具集锦1.为什么需要跨平台?
2.跨平台框架的发展历史
3.其他相关热门开发技术?
点击前往AWeiLoveAndroid基础篇
Flutter基础篇(2)-- 老司机用一篇博客带你快速熟悉Dart语法1.注释
2.关键字
3.变量和常量
4.特殊数据类型
5.运算符
6.控制流程语句
7.异常
点击前往AWeiLoveAndroid基础篇
Flutter基础篇(3)-- Flutter基础全面详解点击前往AWeiLoveAndroid基础篇
Flutter基础篇(4)-- Flutter填坑全面总结开发当中遇到的问题总结点击前往AWeiLoveAndroid基础篇
Flutter基础篇(5)-- Flutter代码模板,解放双手,提高开发效率必备1.使用说明
2.导入方式
3.支持的快捷键如下
4.部分使用示范图(以AS做示范)
5.关于代码模板的自定义方式
点击前往AWeiLoveAndroid基础篇
Flutter基础篇(6)-- 水平和垂直布局详解点击前往AWeiLoveAndroid基础篇
Flutter基础篇(7)-- Flutter更新错误全面解决方案(图文+视频讲解)1.使用Git下载flutter版本的3种方式
2.遇到的问题
点击前往AWeiLoveAndroid基础篇
从0开始写一个基于Flutter的开源中国客户端(1)——Flutter简介及开发环境搭建1.Flutter简介
2.Flutter开发环境搭建
点击前往yuxiyu
从0开始写一个基于Flutter的开源中国客户端(2)——Dart语法基础1.Dart语言的特性
2.Dart语法简介
点击前往yuxiyu
从0开始写一个基于Flutter的开源中国客户端(3)——初识Flutter & 常用的Widgets1.一个最简单的Flutter App
2.Flutter项目结构
3.Flutter App是怎样的App
4.Flutter常用Widgets
点击前往yuxiyu
从0开始写一个基于Flutter的开源中国客户端(4)——Flutter布局基础1.包含单个子Widget的布局容器
2.包含多个子Widget的布局容器
点击前往yuxiyu
从0开始写一个基于Flutter的开源中国客户端(5)——App整体布局框架搭建App整体布局框架搭建点击前往yuxiyu
从0开始写一个基于Flutter的开源中国客户端(6)——各个静态页面的实现1.侧滑菜单页面的实现
2.资讯列表页面的实现
3.动弹列表页面的实现
4.“发现”页面的实现
5.“我的”页面的实现
点击前往yuxiyu
从0开始写一个基于Flutter的开源中国客户端(7)——App网络请求和数据存储1.Flutter中的网络请求
2.Flutter中的数据存储
3.从网络加载资讯列表并显示
4.保存登录后的用户数据
点击前往yuxiyu
从0开始写一个基于Flutter的开源中国客户端(8)——插件的使用1.搜索插件包
2.使用flutter_webview_plugin插件
3.使用event_bus插件
4.使用image_picker插件
点击前往yuxiyu
Flutter试用报告1.Flutter 为何使用Dart开发语言
2.Flutter的UI系统
3.Flutter与Native的交融
点击前往
Flutter调试技巧总结——高效开发的秘密我将自己遇到的错误类型归 语法和代码错误 、 运行时错误 和 逻辑错误 三大类,同时还从官方文档总结了 界面调试 的技巧,分享给大家。点击前往
Flutter 面试知识点集锦1.Dart 部分
2.Flutter 部分
点击前往面试题
可以算是Flutter面试凉凉经吧一面问的Java 和Android基础
二面问的Flutter和Dart
点击前往面试题
使用Flutter来完成Uplabs上炫酷的交互1.What is Flutter?
2.What is Uplabs?
3.How to implement ?
4.Join in Flutter-UI-Challenges
点击前往
Flutter 44集免费基础视频教程1-Flutter基础视频教程
2-Flutter 20课小实例练习
点击前往
我看完掘金上的227篇文章,总结出一份 Flutter 入门教程1.Flutter 简介
2.为什么原生应用开发者需要关注 Flutter
3.Flutter 英文官网
4.Flutter 安装(Windows)
5.Flutter 安装(Mac)
6.Google 跨平台方案 Flutter 从入门到实战
7.Flutter 布局详解
8.Flutter 布局(一)- Container详解
9.Flutter 布局(二)- Padding、Align、Center详解
10.Flutter 布局(三)- FittedBox、AspectRatio、ConstrainedBox详解
11.Flutter Widgets: Image
12.Flutter Widgets: Text
13.浅尝 Flutter 中的 http 请求
点击前往
flutter-study1.Flutter 布局
2.Flutter 动画
3.现有项目中集成Flutter
4.Flutter Plugin开发流程
点击前往
还在写iOS?是时候学一下Flutter了1.Widget与UIView
2.如何对Widget布局
3.如何从布局中添加或者删除一个组件
4.如何设置Widget 动画
5.如何绘制到屏幕上
6.widget的透明度在
7.如何实现自定义widget
8.导航
点击前往



-------------------------基础细节-------------------------

基础细节备注信息网址
flutter发送短信 打电话 打开链接 打开其他APP---------------------------------------------------------点击前往
Flutter基础Widget之按钮(RaisedButton、FlatButton、OutlineButton,IconButton)点击前往
Flutter - 自定义Dialog点击前往
flutter之使用自定义字体库点击前往
Flutter 控件之 文本和基本的容器点击前往
根据一个完整项目学习Flutter—1、使用主题共享颜色和字体样式(ThemeData)点击前往
Flutter:Theme点击前往
Flutter进阶—路由和导航点击前往
Flutter路由跳转及参数传递点击前往
Flutter学习之路由传参点击前往
Flutter实战:手把手教你写Flutter Plugin点击前往
深入理解Flutter多线程点击前往
Flutter文本输入框TextField属性(InputDecoration、textInputAction、inputFormatters等等)详解点击前往
Flutter中TextField使用点击前往
Exploring Google Maps in Flutter【科学上网】点击前往
Flutter - Google map widget plugin example.【科学上网】点击前往
Flutter – Google Maps, Markers and Polygons【科学上网】点击前往
Flutter - Google map plugin.【科学上网】点击前往
Flutter - How can draw route on google map between markers.【科学上网】点击前往
Building Places & Location Search with Map View Using Flutter 1.0【科学上网】点击前往
Automatic Json Serializing in Flutter Using Json Annotation【科学上网】点击前往
flutter json解析相关 for json_serializable点击前往
Flutter 深入浅出Key点击前往
Flutter上拉抽屉实现点击前往
Flutter 控件-Drawer使用点击前往
Flutter 手动控制drawer(抽屉)打开关闭点击前往
Flutter 入门之 ListTile 使用指南点击前往
Flutter Checkbox(复选框)点击前往
Flutter Checkbox CheckboxListTile点击前往
Flutter 入门指北(Part 10)之手势处理和动画点击前往
Flutter:修改TextField的高度,以及无边框圆角点击前往



-------------------------项目实战-------------------------

项目实战备注信息网址
Flutter实战详解–高仿好奇心日报点击前往
Flutter知乎App实践:UI+Json+Utils点击前往
Flutter 仿滴滴出行App点击前往
基于Google Flutter的WanAndroid客户端点击前往
Flutter实战之实现一个简单的新闻阅读器点击前往
Flutter仿网易云音乐:播放界面点击前往
Flutter之撸一个漂亮的登录界面的总结点击前往
Flutter交互实战-即刻App探索页下拉&拖拽效果点击前往
请收下我的 20 个 Flutter 开源项目?????点击前往
Flutter 实战:撸半个知乎日报~ThemeListPage点击前往



-------------------------三方库-------------------------

三方库备注信息网址
Dart Packages查询三方库点击前往
Flutter超全开源框架、项目和学习资料汇总?????点击前往
Flutter部分插件 后续持续更新~点点击前往
Flutter 一些常用库点击前往
Flutter常用插件点击前往
Material-UIflutter的一个强大的特性就是其炫酷霸气的UI库点击前往
flutter-auth0auth0点击前往
common_utils常用工具类库点击前往
FlutterPlaygroundPlayground app for Flutter点击前往



-------------------------易遇问题-------------------------

易遇问题备注信息网址
AndroidX compatibilityAndroid 代码通常使用 android.support库, 以确保向后兼容性。android.support库已弃用, 取而代之的是Androidx。Andredx 具有与具有一些附加功能的旧库的功能奇偶校验, 但不幸的是, 这两组库是不兼容的。点击前往
setState() called after dispose()点击前往
配置方法数超过 64K 的应用trouble writing output:Too many field references: 131000;max is 65536.You may try using --multi-dex option.点击前往
Flutter 图片即使设置了fit: BoxFit.cover不满屏的坑点击前往
Flutter页面跳转和传值传参,接收页面返回数据、以及解决返回(pop)页面时黑屏的问题点击前往
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值