GithubHelp home page GithubHelp logo

book-learn-flutter's Introduction

日常学习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的数据类型01 numbers(数字)
strings(字符串)
booleans(布尔)
lists (也被称之为 arrays)
maps
runes (用于在字符串中表示Unicode字符)
symbols		 点击前往 RunTitan的系列
Flutter开发之Dart的数据类型02 numbers(数字)
strings(字符串)
booleans(布尔)
lists (也被称之为 arrays)
maps
runes (用于在字符串中表示Unicode字符)
symbols		 点击前往 RunTitan的系列
Flutter之基础Widget Widget是Flutter开发中的主要组成部分, 是Flutter的基础, Flutter的核心设计**便是: 一切皆Widget 点击前往 RunTitan的系列
Flutter之布局类Widget 在Flutter中，根据Widget是否需要包含子节点将Widget分为了三类，分别对应三种Element 点击前往 RunTitan的系列
Flutter之容器类Widget 1.填充类容器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 & 常用的Widgets 1.一个最简单的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-study 1.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 dio结合json_serializable请求数据并解析Demo 点击前往
Flutter 深入浅出Key 点击前往
Flutter上拉抽屉实现 点击前往
Flutter 控件-Drawer使用 点击前往
Flutter 手动控制drawer（抽屉）打开关闭 点击前往
Flutter 入门之 ListTile 使用指南 点击前往
Flutter Checkbox（复选框） 点击前往
Flutter Checkbox CheckboxListTile 点击前往
Flutter 入门指北(Part 10)之手势处理和动画 点击前往
Flutter：修改TextField的高度，以及无边框圆角 点击前往
flutter 生命周期 点击前往
Flutter Decoration背景设定（边框、圆角、阴影、形状、渐变、背景图像等） 点击前往
Flutter自定义渐变色AppBar 点击前往
Flutter 实战进阶 【科学上网】 点击前往
Flutter 圆形/圆角头像 点击前往
Flutter相关函数记录 点击前往



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

项目实战 备注信息 网址
Flutter实战详解--高仿好奇心日报 点击前往
Flutter知乎App实践：UI+Json+Utils 点击前往
Flutter 仿滴滴出行App 点击前往
基于Google Flutter的WanAndroid客户端 点击前往
Flutter实战之实现一个简单的新闻阅读器 点击前往
Flutter仿网易云音乐：播放界面 点击前往
还不会用Flutter？仿网易云音乐项目（已开源） 点击前往
Flutter之撸一个漂亮的登录界面的总结 点击前往
Flutter交互实战－即刻App探索页下拉＆拖拽效果 点击前往
请收下我的 20 个 Flutter 开源项目 👍👍👍👍👍 点击前往
Flutter 实战：撸半个知乎日报~ThemeListPage 点击前往
Flutter-评分控件(Rating Bar)的制作 点击前往



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

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



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

易遇问题 备注信息 网址
AndroidX compatibility Android 代码通常使用 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）页面时黑屏的问题 点击前往
Flutter打包IPA报错Could not find an option named "track-widget-creation". 点击前往
Flutter杂症（ flutter packages pub run build_runner build ） 点击前往

book-learn-flutter's People

Contributors

ioshuyang avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.