iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

用30天學習做出我的第一個Flutter App 系列

希望透過這30天的自學,學習Flutter是如何開發跨平台的應用程式,包括Flutter的基本概念、Dart語言的基礎練習、Flutter的各種元件及使用方法⋯⋯等,並實作出自己的第一支Flutter App!

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

Day21 [Flutter] Widget( 2 )

今天接著來整理Text、Image、Icon三種widget的一些屬性 Text 屬性 功能 範例 data 要顯示的文字內容 Text(...

2023-10-06 ‧ 由 zhiyun 分享
DAY 22

Day22 [Flutter] Widget( 3 )

Container Container是用來建一個矩形的容器,只能放一個Widget,如果要調整這個Widget的風格、尺寸、排列,就可以用Contai...

2023-10-07 ‧ 由 zhiyun 分享
DAY 23

Day23 [Flutter] Widget( 4 )

TextField 可以用來接收使用者輸入的字串和顯示的Widget 屬性 | 功能 | 值------------- | -------------d...

2023-10-08 ‧ 由 zhiyun 分享
DAY 24

Day24 [Flutter] 頁面轉換

Navigator和Route 今天要來複習一下在製作通訊錄時也很常用到的頁面切換的功能,而頁面的切換主要是使用兩個類別Navigator和Route來實現。R...

2023-10-09 ‧ 由 zhiyun 分享
DAY 25

Day25 [Flutter] Future

今天要來複習之前有實作過的Future,在最後要等待開啟鏈結的時候有使用到,它可以用來實現異步操作,異步操作可以在程式執行時,不用等待某一個操作完成,就可以繼續...

2023-10-10 ‧ 由 zhiyun 分享
DAY 26

Day26 [Flutter] SQLite( 1 )

之前在實作通訊錄的時候,範例文章裡是使用讀取json檔的方式來顯示聯絡人的資料,所以今天要來學習如何在flutter中使用 SQLite資料庫存放資料,並且對資...

2023-10-11 ‧ 由 zhiyun 分享
DAY 27

Day27 [Flutter] SQLite( 2 )

4、引入到頁面中 一樣要先import TestDB.dart 查詢 先建一個List之後用來存放從資料庫中獲取的資料列表 呼叫TestDB中的get方法...

2023-10-12 ‧ 由 zhiyun 分享
DAY 28

Day28 [Flutter] SQLite( 3 )

今天要接著完成畫面,在昨天的程式碼後面繼續加入: 先連接資料庫 然後開始建立畫面,這裡我是簡單建立一個列表,每一列都包含一個ID、Name、Age、編輯和刪...

2023-10-13 ‧ 由 zhiyun 分享
DAY 29

Day29 食譜APP

前言 剩下兩天我會把之前練習的通訊錄改成一個可以用來簡單記錄食譜的APP,由於時間關係APP的功能不會很多!今天就先來實作介面的部分! 實作 主頁: 這裡我...

2023-10-14 ‧ 由 zhiyun 分享
DAY 30

Day30 APP實作練習&完賽感想

接續昨天的食譜APP實作 今天也是接著完成畫面而已,還沒有加入新增、編輯等部分!程式碼: 食譜頁面: Widget build(BuildContext c...

2023-10-15 ‧ 由 zhiyun 分享