Flutter 入門教程

2021-08-26 02:15:58 字數 1664 閱讀 4009

2023年6月21日,google 在 gtmc 大會上發布了 flutter preview 1。這標誌著 flutter 發展已經進入到乙個新階段,即將迎來 1.0 的穩定版本。

如果你第一次接觸 flutter ,你應該從簡介開始,在簡介中你可以了解到 flutter 是什麼,有哪些優點。 flutter 和其他的跨平台框架的差異……。總之,它能更好的帶你初步了解flutter。

如果你是 ios、android 的原生開發者,那你應該看一下這篇文章,這篇文章清晰的說明了為什麼原生開發這需要關注 flutter。簡單易學高效的 dart 語言、反應式的 flutter、以及一切都是wiget……,看完這些之後,你會感覺到 flutter 的簡潔強大。你會停止下來手頭的正在寫的 swift 和 kotlin **,去了解一下 flutter 是什麼。

在這個**中你必須看懂的是怎樣配置 flutter 的開發環境。為什麼不用 flutter 中文網?因為最新特性需要翻譯,**更新需要時間。

如果你在官網學習如何安裝 flutter 遇到了問題,那麼應該找學習一下前人的經驗了。這篇文章講解了如何在 windows 上安裝 flutter sdk。希望給使用 windows 作為開發機器的小夥伴一點幫助。

如果你使用的是 mac,這篇詳細的教程可以幫到你。

配置好基本環境以後,我們要學習的是 flutter 的基本語法,內容包括:變數宣告、資料型別、判斷和迴圈條件等基礎知識。雖然程式語言千變萬化,但是學習路徑永遠是這樣。建議你在學習 flutter 基礎知識的時候對照著自己正在使用的程式語言的學習路徑,對應起來學習。有對比學的更快些。

如果你一步一步的學習,學到這裡,算是完成了小成就。你現在可以輕鬆的寫下幾行 dart 的**,然後執行乙個 hello world 程式。

本文列舉了 flutter中 最常見的布局container, 列舉的一些實際應用的例子以及使用方法。

這篇文章介紹了 flutter 常見的集中控制項,包括:paddingaligncenter。介紹了他們的布局行為以及使用場景。

這篇文章介紹了 flutter 常見的集中控制項,包括:fittedboxaspectratioconstrainedbox。介紹了他們的布局行為以及使用場景。

介紹了 flutter 的image控制項的使用方法。

介紹了 flutter 的text控制項的使用方法

顯然,講解flutter布局的文章還不是很全面,在後的更新中會進行補充。

這篇文章中,作者介紹了如何在 flutter 中使用 http 請求來完成乙個新聞頁面的功能,資料來源使用的 django+mysql,如果你在未缺少資料來源而感到哦困惱,你可以嘗試一下豆瓣開發者服務中提供的資料介面。你可以不用很詳細的編寫頁面,但是一定要掌握如何使用 flutter 進行網路請求。

作者通過使用開源中國的相關 api 和資料爬蟲,實現了乙個有功能的開源中國客戶端,通過這個例子也可以完成的使用到 dart 語法、布局和控制項以及網路請求的相關知識。

到此,你可以使用 flutter 的構建乙個具有精美介面、使用 dart 構建的、有資料請求的 ios 或 android 應用。

CSS入門教程

css是 cascading style sheets 的簡稱,中文翻譯為 串接樣式表 也有人翻譯為 樣式表 css用以作為網頁的排版和風格設計,在web標準建站中,對css的熟悉和使用是相當重要的乙個內容。css的作用是彌補html的不足,讓網頁的設計更為靈活。這個文章只是為您介紹css的基礎應用...

CSS入門教程

css是 cascading style sheets 的簡稱,中文翻譯為 串接樣式表 也有人翻譯為 樣式表 css用以作為網頁的排版和風格設計,在web標準建站中,對css的熟悉和使用是相當重要的乙個內容。css的作用是彌補html的不足,讓網頁的設計更為靈活。這個文章只是為您介紹css的基礎應用...

Linux入門教程

linux下有兩種使用者 1.root使用者,提示符 2.普通使用者,提示符 在 etc目錄下有乙個inittab檔案,其中有一行配置 id 3 defualt 其中,數字3就代表一啟動進入字元終端,如果改為5則代表一啟動進入x window 修改口令 passwd 退出登入 exit 關閉機器 只...