iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Mobile Development

Flutter 從零開始,Android、iOS一次搞定,重新挑戰。 系列

因為以為可以補前天文而中斷了比賽,不想失去動力,決定重新挑戰。
Flutter 是由Google推出的開源移動應用開發框架。開發者可以通過開發一套程式碼同時執行在iOS和Android平臺。 它使用Dart語言進行開發,並且最終編譯成各個平臺的Native程式碼,這樣既保證了開發效率,也保證了各個平臺的執行效率。

在這三十天裡,我們會試著以實作的方式,建立起一個又一個屬於我們自己的APP。

參賽天數 12 天 | 共 12 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day 1] 萬年老梗,卻很實用之待辦清單。

前面因為一些因素中斷了比賽,決定在此重新參賽。先前連結 那我們就廢話不多說直接進入,我們的重點待辦清單。 我們先做我們的主頁面,如下圖。 我的習慣會把頁面,放在...

2019-09-17 ‧ 由 kevinypfan 分享
DAY 2

[Day2] 新增代辦事項實作。

昨天我們做了代辦事項的主頁,我們接下來要新增待辦事項。 第一步驟我們先建立新建事項的頁面,lib/screens/edit_todo_screen.dart c...

2019-09-18 ‧ 由 kevinypfan 分享
DAY 3

[Day3] Flutter 狀態管理之 Provider

因為之後會用到,所以先花一天篇幅介紹一下。 當我們想要在組件與組件溝通的過程,當分支變得複雜,變得更多時,我們在做組建的溝通時就會變得相對困難。 這時我們就需要...

2019-09-19 ‧ 由 kevinypfan 分享
DAY 4

[Day4] Flutter 狀態管理之 Provider (續)

昨天提到了 Example code 來囉! 我這邊先用新的專案來改 第一步我們需要先建立一個 model,記得要 with ChangeNotifier,這樣...

2019-09-20 ‧ 由 kevinypfan 分享
DAY 5

[Day5] Flutter 清單滑動選項添加。

相信我們已經很習慣在我們的APP出現這樣的手勢: 今天我們就要在我們的代辦清單內加入 這邊我使用了一個套件,flutter_slidable在 flutter...

2019-09-21 ‧ 由 kevinypfan 分享
DAY 6

[Day6] Flutter 將我們的專案全面套上 Provider。

還記得我們在 Day3-Day4 時介紹了一個狀態管理套件,今天我們就要把他套在我們的代辦清單啦~ 首先我們先在 lib/providers/todos.dar...

2019-09-22 ‧ 由 kevinypfan 分享
DAY 7

[Day7] Flutter Drawer 側邊導覽列。

我想在我的待辦清單加上群組的概念,讓我可以加上代辦清單加上群組功能。讓我們可以分類我們的選項。 未來也有想做使用者登入,與同步資料相關功能,所以把使用者畫面留在...

2019-09-23 ‧ 由 kevinypfan 分享
DAY 8

[Day8] Flutter 移動端儲存方案 SQLite。

因為今天有些臨時的事情,所以今天就來先介紹一下將來會用到的套件。 SQLite 在 flutter 套件叫做 sqflite,套件連結 找到 pubspec.y...

2019-09-24 ‧ 由 kevinypfan 分享
DAY 9

[Day9] Flutter 選擇群組,出現對應代辦事項調整。

之前我們的側欄,做了群組的功能,但是選擇還沒有任何的改變。今天我們就讓他選擇了會有反應吧! 第一步,我把它移植到Provider import 'package...

2019-09-25 ‧ 由 kevinypfan 分享
DAY 10

[Day10] Flutter 新增群組Modal。

我們新增一個全螢幕的彈跳視窗,然後做些表單,目前就先這樣了。 明天再把新增存起來。 import 'package:flutter/material.dart'...

2019-09-26 ‧ 由 kevinypfan 分享