Users Inputs & Forms

2023/6/12 每日筆記

每日筆記 前言 今天有以下主題: Flutter Practice Flutter Learning Note Flutter Practice 將 Flutter 官方的 Cookbook 中的 Form Part 看完後,決定根據先前的經驗還有 Form part 中的教學來實作一個 Register Form。 在開始 Coding 前,少不了草稿上的預先設計! 一個簡易的表單就出來了! 在這個表單中,包括: Email 輸入欄位: 這個欄位需要驗證輸入資料是否符合 Email 的格式。 Username 輸入欄位: 這個欄位需要確定輸入資料的長度小於 20 個 character。 Password 輸入欄位: 這個欄位需要驗證密碼是否包含 1 個大寫字母,1 個特殊符號,以及密碼長度大於 6 個 character。 每個欄位都需要 Focus 的能力,在輸入資料有誤時,Focus 在該欄位上。 除了功能性外,盡量使用了一個 TextFormField 能夠使用到的外觀設計。 …

2023/6/12 每日筆記 Read More »

Flutter! 從0開始的學習之旅 – Users Inputs & Forms(大綱)

小介紹 歡迎來到 Flutter 從零開始系列的 “Users Inputs & Forms” 主題。本篇文章的內容為 學習 “Users Inputs & Forms” 的 Roadmap。 Users Inputs & Forms 大綱 Users Inputs & Forms 有幾個概念一定要懂:  TextField 和 TextFormField:先了解在 Flutter 中,有哪些 Widget 可以使用。 onChanged method:了解如何監聽文本欄位的更改(監聽後 -> 可以有所反應)。 controller:了解更強大的工具 -> 控制器,來追蹤文本欄位的值和進行相關的操作。《案例我應該想一下》 Form Validation:使用 validator 或 FormField 來驗證表單輸入的有效性。 Form Submission:處理表單提交的資料,例如將資料傳送到伺服器或執行其他後續操作。 Keyboard and Focus Management:管理鍵盤的顯示和隱藏,以及焦點的轉移。 Custom Form Widget:創建自定義的 …

Flutter! 從0開始的學習之旅 – Users Inputs & Forms(大綱) Read More »