iOS程序猿的flutter学习之路
生活随笔
收集整理的這篇文章主要介紹了
iOS程序猿的flutter学习之路
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
日常學(xué)習(xí)Flutter開發(fā)的積累
推薦一些平時(shí)自己學(xué)習(xí)Flutter開發(fā)當(dāng)中接觸到的優(yōu)秀文章
-------------------------基礎(chǔ)知識 -------------------------
| Flutter中文網(wǎng) | 官方學(xué)習(xí)網(wǎng)址，入門學(xué)習(xí) | 點(diǎn)擊前往 | |
| flutter環(huán)境搭建mac版 | 1.系統(tǒng)環(huán)境要求 2.下載flutter 3.配置環(huán)境變量 4.檢查環(huán)境 5.搭建環(huán)境常見問題整理 | 點(diǎn)擊前往 | |
| flutter基礎(chǔ)-看完這篇就可以擼app了 | a. layout結(jié)構(gòu) b. navBar c. tabbar和列表組件的使用 d. http請求JSON數(shù)據(jù)，并渲染到列表 e. 組件之間的通信 f. 路由（帶參數(shù)路由） | 點(diǎn)擊前往 | |
| Flutter學(xué)習(xí)之入門和體驗(yàn) | 1.Flutter架構(gòu) 2.Flutter環(huán)境搭建 3.創(chuàng)建第一個(gè)Flutter程序 4.編寫第一個(gè)應(yīng)用 | 點(diǎn)擊前往 | 真丶深紅騎士的系列 |
| Flutter學(xué)習(xí)之Dart語法特性 | 1.Dart環(huán)境 2.Dart一些概念 3.Dart語法 | 點(diǎn)擊前往 | 真丶深紅騎士的系列 |
| Flutter學(xué)習(xí)之認(rèn)知基礎(chǔ)組件 | 1.Widget簡介 2.Flutter頁面 3.Flutter布局 4.實(shí)踐 | 點(diǎn)擊前往 | 真丶深紅騎士的系列 |
| Flutter學(xué)習(xí)之布局、交互、動畫 | 1.布局 2.交互 3.動畫 | 點(diǎn)擊前往 | 真丶深紅騎士的系列 |
| Flutter學(xué)習(xí)之事件循環(huán)機(jī)制、數(shù)據(jù)庫、網(wǎng)絡(luò)請求 | 1.Dart中的異步任務(wù)消息循環(huán)機(jī)制 2.Dart中的異步支持 3.文件操作 4.sqflite數(shù)據(jù)庫 5.網(wǎng)絡(luò)請求操作 6.JSON | 點(diǎn)擊前往 | 真丶深紅騎士的系列 |
| Flutter完整開發(fā)實(shí)戰(zhàn)詳解(一、Dart語言和Flutter基礎(chǔ)) | 1.環(huán)境搭建 2.Dart語言下的Flutter 3.Flutter Widget 4.Flutter 布局 5.Flutter 頁面 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter 完整開發(fā)實(shí)戰(zhàn)詳解(二、快速實(shí)戰(zhàn)篇) | 1.基礎(chǔ)控件 2.數(shù)據(jù)模塊 3.其他功能 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter完整開發(fā)實(shí)戰(zhàn)詳解(三、 打包與填坑篇) | 1.打包 2.細(xì)節(jié) 3.問題處理 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter完整開發(fā)實(shí)戰(zhàn)詳解(四、 Redux、主題、國際化) | 1.Redux 2.主題 3.國際化 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter 完整開發(fā)實(shí)戰(zhàn)詳解(五、深入探索) | 1.WidgetsFlutterBinding 2.InheritedWidget 3.內(nèi)存 4.線程 5.熱更新 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter 完整開發(fā)實(shí)戰(zhàn)詳解(六、 深入Widget原理) | 針對描述一下 Widget 中的一些有意思的原理 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter 完整開發(fā)實(shí)戰(zhàn)詳解(七、 深入布局原理) | 1.單子元素布局 2.多子元素布局 3.多子元素滑動布局 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter完整開發(fā)實(shí)戰(zhàn)詳解(八、 實(shí)用技巧與填坑) | 主要講述 Flutter 開發(fā)過程中的實(shí)用技巧，讓你少走彎路少掉坑，全篇屬于很干的干貨總結(jié)，以實(shí)用為主，算是在深入原理過程中穿插的實(shí)用篇章。 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter完整開發(fā)實(shí)戰(zhàn)詳解(九、 深入繪制原理) | 本篇主要深入了解 Widget 中繪制相關(guān)的原理，探索 Flutter 里的 RenderObject 最后是如何走完屏幕上的最后一步，結(jié)尾再通過實(shí)際例子理解如何設(shè)計(jì)一個(gè) Flutter 的自定義繪制。 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter完整開發(fā)實(shí)戰(zhàn)詳解(十、 深入圖片加載流程) | 本篇主要深入了解 Flutter 中圖片加載的流程，剝析圖片流程中有意思的片段，結(jié)尾再實(shí)現(xiàn) Flutter 實(shí)現(xiàn)本地圖片緩存的支持。 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter完整開發(fā)實(shí)戰(zhàn)詳解(十一、全面深入理解Stream) | 一、Stream 由淺入深 二、StreamBuilder 三、rxdart | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter完整開發(fā)實(shí)戰(zhàn)詳解(十二、全面深入理解狀態(tài)管理設(shè)計(jì)) | 一、scoped_model 二、BloC 三、flutter_redux 四、fish_redux | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter完整開發(fā)實(shí)戰(zhàn)詳解(十三、全面深入觸摸和滑動原理) | 1、事件流程 2、事件競爭 | 點(diǎn)擊前往 | 戀貓de小郭 |
| Flutter開發(fā)之Dart語法基礎(chǔ) | Dart是谷歌在 2011 年推出的編程語言，是一種結(jié)構(gòu)化Web編程語言，允許用戶通過Chromium中所整合的虛擬機(jī)（Dart VM）直接運(yùn)行Dart 語言編寫的程序，免去了單獨(dú)編譯的步驟 | 點(diǎn)擊前往 | RunTitan的系列 |
| Flutter開發(fā)之Dart的數(shù)據(jù)類型01 | numbers(數(shù)字) strings(字符串) booleans(布爾) lists (也被稱之為 arrays) maps runes (用于在字符串中表示Unicode字符) symbols | 點(diǎn)擊前往 | RunTitan的系列 |
| Flutter開發(fā)之Dart的數(shù)據(jù)類型02 | numbers(數(shù)字) strings(字符串) booleans(布爾) lists (也被稱之為 arrays) maps runes (用于在字符串中表示Unicode字符) symbols | 點(diǎn)擊前往 | RunTitan的系列 |
| Flutter之基礎(chǔ)Widget | Widget是Flutter開發(fā)中的主要組成部分, 是Flutter的基礎(chǔ), Flutter的核心設(shè)計(jì)思想便是: 一切皆Widget | 點(diǎn)擊前往 | RunTitan的系列 |
| Flutter之布局類Widget | 在Flutter中，根據(jù)Widget是否需要包含子節(jié)點(diǎn)將Widget分為了三類，分別對應(yīng)三種Element | 點(diǎn)擊前往 | RunTitan的系列 |
| Flutter之容器類Widget | 1.填充類容器Padding 2.布局限制類容器 3.ConstrainedBox、SizeBox 4.裝飾類容器DecoratedBox 5.變換類容器Transform 6.組合容器Container 7.導(dǎo)航類容器Scaffold、TabBar、AppBar等 | 點(diǎn)擊前往 | RunTitan的系列 |
| Flutter之基礎(chǔ)Widget之TextField | 主要介紹TextField | 點(diǎn)擊前往 | RunTitan的系列 |
| Flutter中App的主題和導(dǎo)航 | MaterialApp | 點(diǎn)擊前往 | RunTitan的系列 |
| Flutter基礎(chǔ)篇（1）-- 跨平臺開發(fā)框架和工具集錦 | 1.為什么需要跨平臺？ 2.跨平臺框架的發(fā)展歷史 3.其他相關(guān)熱門開發(fā)技術(shù)？ | 點(diǎn)擊前往 | AWeiLoveAndroid基礎(chǔ)篇 |
| Flutter基礎(chǔ)篇（2）-- 老司機(jī)用一篇博客帶你快速熟悉Dart語法 | 1.注釋 2.關(guān)鍵字 3.變量和常量 4.特殊數(shù)據(jù)類型 5.運(yùn)算符 6.控制流程語句 7.異常 | 點(diǎn)擊前往 | AWeiLoveAndroid基礎(chǔ)篇 |
| Flutter基礎(chǔ)篇（3）-- Flutter基礎(chǔ)全面詳解 | 點(diǎn)擊前往 | AWeiLoveAndroid基礎(chǔ)篇 | |
| Flutter基礎(chǔ)篇（4）-- Flutter填坑全面總結(jié) | 開發(fā)當(dāng)中遇到的問題總結(jié) | 點(diǎn)擊前往 | AWeiLoveAndroid基礎(chǔ)篇 |
| Flutter基礎(chǔ)篇（5）-- Flutter代碼模板，解放雙手，提高開發(fā)效率必備 | 1.使用說明 2.導(dǎo)入方式 3.支持的快捷鍵如下 4.部分使用示范圖（以AS做示范） 5.關(guān)于代碼模板的自定義方式 | 點(diǎn)擊前往 | AWeiLoveAndroid基礎(chǔ)篇 |
| Flutter基礎(chǔ)篇（6）-- 水平和垂直布局詳解 | 點(diǎn)擊前往 | AWeiLoveAndroid基礎(chǔ)篇 | |
| Flutter基礎(chǔ)篇（7）-- Flutter更新錯(cuò)誤全面解決方案(圖文+視頻講解) | 1.使用Git下載flutter版本的3種方式 2.遇到的問題 | 點(diǎn)擊前往 | AWeiLoveAndroid基礎(chǔ)篇 |
| 從0開始寫一個(gè)基于Flutter的開源中國客戶端（1）——Flutter簡介及開發(fā)環(huán)境搭建 | 1.Flutter簡介 2.Flutter開發(fā)環(huán)境搭建 | 點(diǎn)擊前往 | yuxiyu |
| 從0開始寫一個(gè)基于Flutter的開源中國客戶端（2）——Dart語法基礎(chǔ) | 1.Dart語言的特性 2.Dart語法簡介 | 點(diǎn)擊前往 | yuxiyu |
| 從0開始寫一個(gè)基于Flutter的開源中國客戶端（3）——初識Flutter & 常用的Widgets | 1.一個(gè)最簡單的Flutter App 2.Flutter項(xiàng)目結(jié)構(gòu) 3.Flutter App是怎樣的App 4.Flutter常用Widgets | 點(diǎn)擊前往 | yuxiyu |
| 從0開始寫一個(gè)基于Flutter的開源中國客戶端（4）——Flutter布局基礎(chǔ) | 1.包含單個(gè)子Widget的布局容器 2.包含多個(gè)子Widget的布局容器 | 點(diǎn)擊前往 | yuxiyu |
| 從0開始寫一個(gè)基于Flutter的開源中國客戶端（5）——App整體布局框架搭建 | App整體布局框架搭建 | 點(diǎn)擊前往 | yuxiyu |
| 從0開始寫一個(gè)基于Flutter的開源中國客戶端（6）——各個(gè)靜態(tài)頁面的實(shí)現(xiàn) | 1.側(cè)滑菜單頁面的實(shí)現(xiàn) 2.資訊列表頁面的實(shí)現(xiàn) 3.動彈列表頁面的實(shí)現(xiàn) 4.“發(fā)現(xiàn)”頁面的實(shí)現(xiàn) 5.“我的”頁面的實(shí)現(xiàn) | 點(diǎn)擊前往 | yuxiyu |
| 從0開始寫一個(gè)基于Flutter的開源中國客戶端（7）——App網(wǎng)絡(luò)請求和數(shù)據(jù)存儲 | 1.Flutter中的網(wǎng)絡(luò)請求 2.Flutter中的數(shù)據(jù)存儲 3.從網(wǎng)絡(luò)加載資訊列表并顯示 4.保存登錄后的用戶數(shù)據(jù) | 點(diǎn)擊前往 | yuxiyu |
| 從0開始寫一個(gè)基于Flutter的開源中國客戶端（8）——插件的使用 | 1.搜索插件包 2.使用flutter_webview_plugin插件 3.使用event_bus插件 4.使用image_picker插件 | 點(diǎn)擊前往 | yuxiyu |
| Flutter試用報(bào)告 | 1.Flutter 為何使用Dart開發(fā)語言 2.Flutter的UI系統(tǒng) 3.Flutter與Native的交融 | 點(diǎn)擊前往 | |
| Flutter調(diào)試技巧總結(jié)——高效開發(fā)的秘密 | 我將自己遇到的錯(cuò)誤類型歸 語法和代碼錯(cuò)誤 、 運(yùn)行時(shí)錯(cuò)誤 和 邏輯錯(cuò)誤 三大類，同時(shí)還從官方文檔總結(jié)了 界面調(diào)試 的技巧，分享給大家。 | 點(diǎn)擊前往 | |
| Flutter 面試知識點(diǎn)集錦 | 1.Dart 部分 2.Flutter 部分 | 點(diǎn)擊前往 | 面試題 |
| 可以算是Flutter面試涼涼經(jīng)吧 | 一面問的Java 和Android基礎(chǔ) 二面問的Flutter和Dart | 點(diǎn)擊前往 | 面試題 |
| 使用Flutter來完成Uplabs上炫酷的交互 | 1.What is Flutter? 2.What is Uplabs? 3.How to implement ？ 4.Join in Flutter-UI-Challenges | 點(diǎn)擊前往 | |
| Flutter 44集免費(fèi)基礎(chǔ)視頻教程 | 1-Flutter基礎(chǔ)視頻教程 2-Flutter 20課小實(shí)例練習(xí) | 點(diǎn)擊前往 | |
| 我看完掘金上的227篇文章，總結(jié)出一份 Flutter 入門教程 | 1.Flutter 簡介 2.為什么原生應(yīng)用開發(fā)者需要關(guān)注 Flutter 3.Flutter 英文官網(wǎng) 4.Flutter 安裝（Windows） 5.Flutter 安裝（Mac） 6.Google 跨平臺方案 Flutter 從入門到實(shí)戰(zhàn) 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 請求 | 點(diǎn)擊前往 | |
| flutter-study | 1.Flutter 布局 2.Flutter 動畫 3.現(xiàn)有項(xiàng)目中集成Flutter 4.Flutter Plugin開發(fā)流程 | 點(diǎn)擊前往 | |
| 還在寫iOS？是時(shí)候?qū)W一下Flutter了 | 1.Widget與UIView 2.如何對Widget布局 3.如何從布局中添加或者刪除一個(gè)組件 4.如何設(shè)置Widget 動畫 5.如何繪制到屏幕上 6.widget的透明度在 7.如何實(shí)現(xiàn)自定義widget 8.導(dǎo)航 | 點(diǎn)擊前往 |
-------------------------基礎(chǔ)細(xì)節(jié)-------------------------
| flutter發(fā)送短信 打電話 打開鏈接 打開其他APP | --------------------------------------------------------- | 點(diǎn)擊前往 |
| Flutter基礎(chǔ)Widget之按鈕（RaisedButton、FlatButton、OutlineButton，IconButton） | 點(diǎn)擊前往 | |
| Flutter - 自定義Dialog | 點(diǎn)擊前往 | |
| flutter之使用自定義字體庫 | 點(diǎn)擊前往 | |
| Flutter 控件之 文本和基本的容器 | 點(diǎn)擊前往 | |
| 根據(jù)一個(gè)完整項(xiàng)目學(xué)習(xí)Flutter—1、使用主題共享顏色和字體樣式(ThemeData) | 點(diǎn)擊前往 | |
| Flutter：Theme | 點(diǎn)擊前往 | |
| Flutter進(jìn)階—路由和導(dǎo)航 | 點(diǎn)擊前往 | |
| Flutter路由跳轉(zhuǎn)及參數(shù)傳遞 | 點(diǎn)擊前往 | |
| Flutter學(xué)習(xí)之路由傳參 | 點(diǎn)擊前往 | |
| Flutter實(shí)戰(zhàn)：手把手教你寫Flutter Plugin | 點(diǎn)擊前往 | |
| 深入理解Flutter多線程 | 點(diǎn)擊前往 | |
| Flutter文本輸入框TextField屬性（InputDecoration、textInputAction、inputFormatters等等）詳解 | 點(diǎn)擊前往 | |
| Flutter中TextField使用 | 點(diǎn)擊前往 | |
| Exploring Google Maps in Flutter | 【科學(xué)上網(wǎng)】 | 點(diǎn)擊前往 |
| Flutter - Google map widget plugin example. | 【科學(xué)上網(wǎng)】 | 點(diǎn)擊前往 |
| Flutter – Google Maps, Markers and Polygons | 【科學(xué)上網(wǎng)】 | 點(diǎn)擊前往 |
| Flutter - Google map plugin. | 【科學(xué)上網(wǎng)】 | 點(diǎn)擊前往 |
| Flutter - How can draw route on google map between markers. | 【科學(xué)上網(wǎng)】 | 點(diǎn)擊前往 |
| Building Places & Location Search with Map View Using Flutter 1.0 | 【科學(xué)上網(wǎng)】 | 點(diǎn)擊前往 |
| Automatic Json Serializing in Flutter Using Json Annotation | 【科學(xué)上網(wǎng)】 | 點(diǎn)擊前往 |
| flutter json解析相關(guān) for json_serializable | 點(diǎn)擊前往 | |
| Flutter 深入淺出Key | 點(diǎn)擊前往 | |
| Flutter上拉抽屜實(shí)現(xiàn) | 點(diǎn)擊前往 | |
| Flutter 控件-Drawer使用 | 點(diǎn)擊前往 | |
| Flutter 手動控制drawer（抽屜）打開關(guān)閉 | 點(diǎn)擊前往 | |
| Flutter 入門之 ListTile 使用指南 | 點(diǎn)擊前往 | |
| Flutter Checkbox（復(fù)選框） | 點(diǎn)擊前往 | |
| Flutter Checkbox CheckboxListTile | 點(diǎn)擊前往 | |
| Flutter 入門指北(Part 10)之手勢處理和動畫 | 點(diǎn)擊前往 | |
| Flutter：修改TextField的高度，以及無邊框圓角 | 點(diǎn)擊前往 |
-------------------------項(xiàng)目實(shí)戰(zhàn)-------------------------
| Flutter實(shí)戰(zhàn)詳解–高仿好奇心日報(bào) | 點(diǎn)擊前往 | |
| Flutter知乎App實(shí)踐：UI+Json+Utils | 點(diǎn)擊前往 | |
| Flutter 仿滴滴出行App | 點(diǎn)擊前往 | |
| 基于Google Flutter的WanAndroid客戶端 | 點(diǎn)擊前往 | |
| Flutter實(shí)戰(zhàn)之實(shí)現(xiàn)一個(gè)簡單的新聞閱讀器 | 點(diǎn)擊前往 | |
| Flutter仿網(wǎng)易云音樂：播放界面 | 點(diǎn)擊前往 | |
| Flutter之?dāng)]一個(gè)漂亮的登錄界面的總結(jié) | 點(diǎn)擊前往 | |
| Flutter交互實(shí)戰(zhàn)－即刻App探索頁下拉＆拖拽效果 | 點(diǎn)擊前往 | |
| 請收下我的 20 個(gè) Flutter 開源項(xiàng)目 | ????? | 點(diǎn)擊前往 |
| Flutter 實(shí)戰(zhàn)：擼半個(gè)知乎日報(bào)~ThemeListPage | 點(diǎn)擊前往 |
-------------------------三方庫-------------------------
| Dart Packages | 查詢?nèi)綆?/td> | 點(diǎn)擊前往 |
| Flutter超全開源框架、項(xiàng)目和學(xué)習(xí)資料匯總 | ????? | 點(diǎn)擊前往 |
| Flutter部分插件 后續(xù)持續(xù)更新～點(diǎn) | 點(diǎn)擊前往 | |
| Flutter 一些常用庫 | 點(diǎn)擊前往 | |
| Flutter常用插件 | 點(diǎn)擊前往 | |
| Material-UI | flutter的一個(gè)強(qiáng)大的特性就是其炫酷霸氣的UI庫 | 點(diǎn)擊前往 |
| flutter-auth0 | auth0 | 點(diǎn)擊前往 |
| common_utils | 常用工具類庫 | 點(diǎn)擊前往 |
| FlutterPlayground | Playground app for Flutter | 點(diǎn)擊前往 |
-------------------------易遇問題-------------------------
| AndroidX compatibility | Android 代碼通常使用 android.support庫, 以確保向后兼容性。android.support庫已棄用, 取而代之的是Androidx。Andredx 具有與具有一些附加功能的舊庫的功能奇偶校驗(yàn), 但不幸的是, 這兩組庫是不兼容的。 | 點(diǎn)擊前往 |
| setState() called after dispose() | 點(diǎn)擊前往 | |
| 配置方法數(shù)超過 64K 的應(yīng)用 | trouble writing output:Too many field references: 131000;max is 65536.You may try using --multi-dex option. | 點(diǎn)擊前往 |
| Flutter 圖片即使設(shè)置了fit: BoxFit.cover不滿屏的坑 | 點(diǎn)擊前往 | |
| Flutter頁面跳轉(zhuǎn)和傳值傳參，接收頁面返回?cái)?shù)據(jù)、以及解決返回（pop）頁面時(shí)黑屏的問題 | 點(diǎn)擊前往 |
總結(jié)
以上是生活随笔為你收集整理的iOS程序猿的flutter学习之路的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Mongodb备份和还原
- 下一篇： 十行代码让你的单机“影分身”，分布式训练