iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

初窺Flutter 系列

學習如何使用Flutter

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

路由及導航-頁面跳轉返回參數

和上一章雷同,只是我們的參數是返回到上一頁,簡單來說就是一個是順的一個是逆著的這邊會使用Navigator來做管理 使用Navigator.push打開新頁面...

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

Flutter動畫概述

在設計UI的同時,若能加入動畫的配置,勢必會讓頁面更佳的生動,故Flutter提供了豐富的動畫庫和工具,以實現各種動畫效果。 以下是幾種常見的動畫1.隱藏和顯示...

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

Flutter動畫-隱藏和顯示

使用Opacity實現淡入淡出效果,通過isVisible變量,設值更改不透明度,控制widgets的可見性。 AnimatedOpacity( o...

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

Flutter動畫-平移、旋轉和縮放動畫

Flutter提供了Transform小部件,用來實現平移、旋轉和縮放等變換效果。 常見效果用法 transform: Matrix4.translation...

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

Flutter-動畫-類物理特性的動畫

Flutter中實現類物理特性動畫的重要概念和組件: 1.AnimationController:AnimationController 用於控制動畫的進度。用...

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

Flutter-動畫-頁面切換動畫&Hero動畫

頁面切換動畫最常使用的模式有1.Hero動畫:使兩個頁面之間的共享widgets平滑切換的方式2.自訂義轉場動畫:如果不滿意預設的轉場效果。可以使用PageRo...

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

Flutter動畫-交錯動畫

前面學習了多種方法,現在要學習如何將動畫交錯展示 以下是創建步驟,今天寫的是使文字淡入淡出的交錯動畫 1.導入資源庫跟創建MyApp類將將AnimatedTex...

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

高階主題-用戶輸入

用戶輸入是app中常見的功能,像是輸入帳號密碼、用戶名等。以下是常見的用戶輸入方式1.文本輸入框(Text Input)使用TextField或TextForm...

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

高階主題-表單驗證

表單驗證用於確保用戶輸入的數據有效和合法,可通過Flutter的Form組件和一些驗證器來實現。 以下是一個用於判斷是否有正確填入的Form部分程式範例 For...

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

統整回顧三十天

因為是第一次接觸,所以基本都在學習如何運用它的功能,在前面文章中有任何錯誤,也請包含並不吝賜教!!! 總共規劃學習了五大類:認識Flutter(1~4)、Wid...

2023-10-15 ‧ 由 ccoy 分享