日常學習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 深入淺出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-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）頁面時黑屏的問題		點擊前往

總結

以上是生活随笔為你收集整理的iOS程序猿的flutter学习之路的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。