iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

初窺Flutter 系列

學習如何使用Flutter

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

AppBar(應用程式列)

AppBar是Flutter中用於應用程式頂部的界面元素,通常用於以下用途: 1.標題:AppBar可以包含應用程式的標題,以幫助用戶識別應用程式。2.操作按鈕...

2023-09-26 ‧ 由 ccoy 分享
DAY 12

Row&Column(水平與垂直布局)

Row和Column widgets 用於創建水平和垂直排列的元素。我們可以用它來決定子widgets的排列方式。 Row(水平布局) Widget build...

2023-09-27 ‧ 由 ccoy 分享
DAY 13

Stack(堆疊)

Stack是一種用於布局的widget,它可以在屏幕上重疊多個子widget。(在stack程式中,最早寫得在最下層) 範例程式碼 Widget build(B...

2023-09-28 ‧ 由 ccoy 分享
DAY 14

Card(卡片)

"Card"是一個常用的UI元素,它可以用於顯示信息或內容,通常被用於列表項目、訊息卡、面板和其他地方,以提供統一的外觀和風格。 組成部分:...

2023-09-29 ‧ 由 ccoy 分享
DAY 15

Positioned(層疊定位)

層疊定位是使用Stack(堆疊)小部件來將多個小部件堆疊在一起,並使用Positioned小部件來確定它們在屏幕上的位置。這種佈局方法,可以自由地將子widge...

2023-09-30 ‧ 由 ccoy 分享
DAY 16

Buttom (按鈕)

按鈕是提供使用者與app互動的功能,在Flutter中提供多種不同風格的buttom 讓開發著一句不同需求做選擇 1.ElevatedButton:凸起按鈕 E...

2023-10-01 ‧ 由 ccoy 分享
DAY 17

Flutter 手勢-滑動刪除

滑動刪除可以快速而直觀地刪除列表中的項目。這種功能通常用於顯示列表,例如郵件列表、待辦事項列表、聯絡人列表、購物清單等 1.顯示列表項目: 首先,您需要在應用程...

2023-10-02 ‧ 由 ccoy 分享
DAY 18

Flutter 資源匯入-自訂義字體

在text widget中學習了很多用法,唯獨字體沒學習到,今天特別學習如何在Flutter中匯入資源,自訂義字體,方法其實和image文章中所學的本地圖片載入...

2023-10-03 ‧ 由 ccoy 分享
DAY 19

路由及導航-頁面跳轉

頁面跳轉是構建應用程序的重要部分之一,用於將用戶引導到不同的畫面或執行特定的操作 跳轉到新頁面使用Navigator.push,下列程式碼使用MaterialP...

2023-10-04 ‧ 由 ccoy 分享
DAY 20

路由及導航-頁面跳轉傳送參數

前面學習了如何觸發頁面跳轉的功能,今天要來學習如何發送參數到其他頁面 1.建造傳遞參數的頁面(這邊沿用上一篇文的程式碼)在第一頁的程式碼中,寫入我要傳送的參數,...

2023-10-05 ‧ 由 ccoy 分享