iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Mobile Development

Flutter 30: from start to store 系列

你曾經對APP開發感到好奇,卻一直不得其門而入嗎?
這系列文章的會帶著期待又害怕受傷害的你,透過最精簡的做工、藉由Flutter這個跨平台開發工具,完成一個Android及iOS雙系統的App,並上架到App商店。
我們的目標不是完成一個強大炫砲的世界級App,
而是完整地掌握一個跨平台App從開發到上架需要具備哪些知識。
準備好了嗎?
從開發到上架,只要30天!

鐵人鍊成 | 共 30 篇文章 | 37 人訂閱 訂閱系列文 RSS系列文
DAY 11

Flutter介紹:頁面的建構 - Image, Text, Button

今天的主題會圍繞在三個常用的元件Image(圖片), Text(文字), Button(按鈕)並用它們來實作 好的,那我們就開始吧! Image image...

2022-09-26 ‧ 由 Ray Chang 分享
DAY 12

Flutter介紹:頁面的排版 - layout

今天和大家一起來看佈局原理以及佈局相關元件,分為幾個部分說明: 父組件和子組件(Parent and Child Widget) 佈局約束策略(Layout...

2022-09-27 ‧ 由 Ray Chang 分享
DAY 13

Flutter介紹:在App內導頁 - navigation

今天一起來看看flutter的導頁,在此分為以下幾個基本面向說明: 導到新創建頁面 導到已命名頁面 返回上一頁 帶著參數進入/退出頁面 導頁並移除所有的路徑紀...

2022-09-28 ‧ 由 Ray Chang 分享
DAY 14

Flutter介紹:取得外部資料 - networking

今天和大家一起來看看在flutter中如何進行網際資料交換,分為以下部分: 什麼是Future Future相關功能 透過http套件進行flutter...

2022-09-29 ‧ 由 Ray Chang 分享
DAY 15

Flutter頁面的建構:Icon, TextInput, ListView

今天和大家一起來看一些UI組件: Icon TextInput ListView 好的,那我們就開始吧! Icon 要直接取用Flutter 內預設提...

2022-09-30 ‧ 由 Ray Chang 分享
DAY 16

Flutter介紹:頁面的建構 - Custom Widget

將一些常用的widget組合提取出來,可以增加組件的複用性,在更動時也比較好維護。 這同時也考驗這個自定義的組件是否充分設計:有新的需求的時候,應該要可以直接擴...

2022-10-01 ‧ 由 Ray Chang 分享
DAY 17

Flutter介紹:App狀態管理 - app state management

昨天遇到了頁面間資料交換的問題,所以今天我們要來在app裡面建立跨頁面的資料分享機制: 原本的頁面關係 在MainPage點選AstroPicture...

2022-10-02 ‧ 由 Ray Chang 分享
DAY 18

Flutter介紹:新增別人寫好的酷炫功能 - flutter package

前面已經透過pubspec.yaml加入http, provider等功能了,我們已經對於新增套件不陌生 今天要來介紹UI相關的套件,先閱讀官方文件,一起嘗試在...

2022-10-03 ‧ 由 Ray Chang 分享
DAY 19

Flutter介紹:把資料存進手機 - app database

在APP做了許多操作後,當然不希望辛苦操作完的資料在關閉APP就通通不見了。今天要一起來看看如何在flutter app中透過建立SQLite的資料庫來保存資料...

2022-10-04 ‧ 由 Ray Chang 分享
DAY 20

Flutter介紹:完整你的Flutter專案

花了許多功夫完成APP大部分的功能,最後要來為專案做一些包裝,畢竟有了裡子還要有面子,今天就來設定 Launcher Icon,也就是App啟動圖示 Spla...

2022-10-05 ‧ 由 Ray Chang 分享