Flutter入門指南
更新於 發佈於 閱讀時間約 3 分鐘
如果你是剛入門Flutter的工程師，可以參考這篇文章，我會告訴大家自己常用的套件以及如何規劃檔案的分類！
最近有新開一個部落格是在介紹Flutter相關的文章，大家可以去看看～
GetX
Getx是一個非常輕量化的套件，他的主要功能為狀態管理(State management)、路徑管理(Route management)和依賴管理(Dependency management)，非常容易上手適合剛入門的工程師來使用，他也有提供中文的說明，大家可以進去看看！
檔案規劃
在我使用GetX時，我會這樣規劃自己的檔案分類
Config
我會拿來放一些常數，像是timeout的時間，因為我是使用Firestore來儲存資料，所以我還會在這邊放我資料庫路徑的參數。
class Paths {Paths._();static const String post = 'post';static const String user = 'user';}
Helper
Helper則是放一些工具，像是數學工具來做一些加減乘除或是Matrix的處理，又或是圖片處理，來選擇相簿內的照片等功能。
Models
Models放各種會使用到的資料結構，可以根據自己的專案所需再細分成各個資料夾，各個model內則建議有一些內建的function，像是copyWith, toJson, fromJson等基本的功能，之後有機會再介紹。
Network
Network則是根據每個人呼叫api等等的習慣來決定裡面的資料夾和檔案，我個人習慣使用dio來呼叫api，而repositories則是用來處理Firestore相關的api
Pages
Pages就是app上的各個頁面，而裡面又會分成一個主畫面 + 一個getX的controller(GetX的binding我也會寫在裡面) 再加上一個widgets的資料夾，當然也可以根據專案的複雜程度再細分成不同的結構。
Routes
Routes則是用來處理GetX的路徑
class Routes {Routes._();static const homeRoute = '/home';static const splashRoute = '/splash';static final List<GetPage> routes = [GetPage(name: splashRoute, page: ()=> const SplashPage(), binding: SplashBinding()),GetPage(name: homeRoute, page: ()=> const HomePage(), binding: HomeBinding()),];}
Widgets
Widgets用來放各個頁面會共用到的Widgets
今天就先介紹到這裡，如果有任何問題、錯誤或是希望我介紹的主題都可以留言告訴我，謝謝！
3會員
2內容數
留言0
查看全部
你可能也想看
Google News 追蹤
/
大家現在出門買東西還會帶錢包嗎
鴨鴨發現自己好像快一個禮拜沒帶錢包出門
還是可以天天買滿買好回家(?
因此為了記錄手機消費跟各種紅利優惠
鴨鴨都會特別注意銀行的App好不好用！
像是介面設計就是會很在意的地方
很多銀行通常會為了要滿足不同客群
會推出很多App讓使用者下載
每次
本文專為 Flutter 開發者設計的實用指南，內容涵蓋了 Flutter SDK 的安裝、開發環境的設置、Dart 語言的核心概念、常用 UI 元件的應用及其實作等重要主題。透過豐富的實際範例和詳細的說明，讀者將能夠輕鬆掌握 Flutter 的基本概念，快速上手開發高效能的應用程式。
更新專案的指令有： 01 `git fetch` 來對專案做「更新 Update」。 02 `git push` 來分享你對專案的「變更 Change」[3]。 03 `git remote` 來管理遠端的儲存庫。 有趣的是，fetch 這個字源於古英語的"fetan"， 表示拿來，取回來的意思。
本章節旨在教導讀者如何在 Kotlin 中引入套件。將會涵蓋如何引用第三方套件，如何引用自定義模組，以及如何創建和引用自定義套件。此外，還會列出一些常用的套件，以供讀者參考。
本章節的目的是介紹 Kotlin 中的物件導向概念。這包括了類別、繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda 表達式、泛型以及反射等概念。每一個概念都會透過範例程式碼來解釋其功能和用法。
今天學習Git 的第一步：
取得與建立項目 Getting and Creating Projects [1]。
之前提到「儲存庫 Repository」就是儲存所有「檔案 File」的地方。
在Git 的邏輯裡，儲存庫是要儲存所有的「快照 Snapshots」。
什麼是快照
這個章節主要介紹了Swift程式語言中物件導向程式設計的基本概念，包括類別、建構子、公開、私有、受保護等等的概念。同時，也介紹了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型和反射等進階特性。
# 簡介
身為一位專注於 Vue.js 的前端開發者，這是我第一次嘗試構建 Flutter 網頁應用。讓我們開始吧！
## 第一次嘗試
### 第一步：創建一個 Flutter 應用
首先，通過運行以下命令來創建一個新的 Flutter 項目：
```sh
flutter
本篇文章將分享手機App設計教學，並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享，讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源，幫助讀者進行設計和開發的思考和學習。
在著手開發一套程式時，會讓人覺得煩躁的考量點，其中一個讓人頭痛的，應該就是 UI 的設計跟串接了吧，究竟有沒有一個套件，能讓開發者能夠以一套語言，就能打遍天下呢？
/
大家現在出門買東西還會帶錢包嗎
鴨鴨發現自己好像快一個禮拜沒帶錢包出門
還是可以天天買滿買好回家(?
因此為了記錄手機消費跟各種紅利優惠
鴨鴨都會特別注意銀行的App好不好用！
像是介面設計就是會很在意的地方
很多銀行通常會為了要滿足不同客群
會推出很多App讓使用者下載
每次
本文專為 Flutter 開發者設計的實用指南，內容涵蓋了 Flutter SDK 的安裝、開發環境的設置、Dart 語言的核心概念、常用 UI 元件的應用及其實作等重要主題。透過豐富的實際範例和詳細的說明，讀者將能夠輕鬆掌握 Flutter 的基本概念，快速上手開發高效能的應用程式。
更新專案的指令有： 01 `git fetch` 來對專案做「更新 Update」。 02 `git push` 來分享你對專案的「變更 Change」[3]。 03 `git remote` 來管理遠端的儲存庫。 有趣的是，fetch 這個字源於古英語的"fetan"， 表示拿來，取回來的意思。
本章節旨在教導讀者如何在 Kotlin 中引入套件。將會涵蓋如何引用第三方套件，如何引用自定義模組，以及如何創建和引用自定義套件。此外，還會列出一些常用的套件，以供讀者參考。
本章節的目的是介紹 Kotlin 中的物件導向概念。這包括了類別、繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda 表達式、泛型以及反射等概念。每一個概念都會透過範例程式碼來解釋其功能和用法。
今天學習Git 的第一步：
取得與建立項目 Getting and Creating Projects [1]。
之前提到「儲存庫 Repository」就是儲存所有「檔案 File」的地方。
在Git 的邏輯裡，儲存庫是要儲存所有的「快照 Snapshots」。
什麼是快照
這個章節主要介紹了Swift程式語言中物件導向程式設計的基本概念，包括類別、建構子、公開、私有、受保護等等的概念。同時，也介紹了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型和反射等進階特性。
# 簡介
身為一位專注於 Vue.js 的前端開發者，這是我第一次嘗試構建 Flutter 網頁應用。讓我們開始吧！
## 第一次嘗試
### 第一步：創建一個 Flutter 應用
首先，通過運行以下命令來創建一個新的 Flutter 項目：
```sh
flutter
本篇文章將分享手機App設計教學，並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享，讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源，幫助讀者進行設計和開發的思考和學習。
在著手開發一套程式時，會讓人覺得煩躁的考量點，其中一個讓人頭痛的，應該就是 UI 的設計跟串接了吧，究竟有沒有一個套件，能讓開發者能夠以一套語言，就能打遍天下呢？