今天休息~

複習

雖然休息,但偶爾還是會利用零碎的時間回想一些東西。
底下是我回想最近幾天學了什麼的摘要:

  1. 最基本的 HomePage 架構,Flutter App 程式的起點,組成概念。
  2. 物件的 State 可以如何宣告、使用。
  3. 怎麼使用 Layout Widget 做最基本的定位、排版。
  4. 要對 Form 的內容做驗證,以及如何讀取 Form 內的資料做使用。

對於 “Users Inputs & Forms” 這個主題,我想做一個學習路線統整(底下按順序排列我認為的學系路線):

  1.  TextField 和 TextFormField:先了解在 Flutter 中,有哪些 Widget 可以使用。
  2. onChanged method:了解如何監聽文本欄位的更改(監聽 -> 有所反應)。
  3. controller:了解更強大的工具 -> 控制器,來追蹤文本欄位的值和進行相關的操作。《案例我應該想一下》
  4. Form Validation:使用 validator 或 FormField 來驗證表單輸入的有效性。
    Input Restrictions and Formatting:限制使用者輸入的文字長度、格式管理。
    validator 其實就是一個函數。
    通常驗證可以分為三種:
    1. Required Validation:如果該資料是「必須有的」,就要驗證使用者是否有輸入。
    2. Format Validation:最簡單的例子是 Email,如果欄位用於填寫使用者 Email,就要確定輸入資料的格式是否正確。
    3. Complexity Validation:最簡單的例子是 Password,如果希望使用者的密碼具有一定的複雜性,就要設計複雜度,然後驗證輸入資料是否達成要求。
    4. (Form Validation 和 Complexity Validation 有幾種方式可以做到:
      1. Regular Expressions
      2. 字串操作和驗證方法:如 contains(), toUpperCase(), toLowerCase(), length等,可以檢查長度、是否包含特定字元等
      3. 條件判斷和邏輯運算:這就不多說了。
  5. Form Submission:處理表單提交的資料,例如將資料傳送到伺服器或執行其他後續操作。
  6. Keyboard and Focus Management:管理鍵盤的顯示和隱藏,以及焦點的轉移。
  7. Custom Form Widget:創建自定義的 Form Widget,以符合特定需求和設計。
  8. Form State Management:使用 GlobalKey 或 FormState 來維護表單的狀態。
  9. Form Reset:實現表單重置功能 -> 清除已輸入的資料、數據、內容。
  10. 使用 Snackbar or Dialog 顯示訊息:當表單提交或驗證失敗時,使用 Snackbar or Dialog 顯示相應的訊息給使用者。

 

Leave a Comment

Your email address will not be published. Required fields are marked *