Flutter文本輸入框TextField控制器TextEditingController，TextField預設内容，擷取TextField中的輸入内容，兼聽TextField中的内容變化

題記

—— 執劍天涯，從你的點滴積累開始，所及之處，必精益求精。

<col>

​​github?​​

你可能需要

​​百度同步​​

CSDN

​​網易雲課堂教程​​

掘金

​​知乎​​

​​Flutter系列文章 ​​

​​頭條同步​​

本文章首發于微信公衆号（biglead） 我的大前端生涯 ，同步刊登各技術論壇。

TextField 系列文章

TextField的基本使用以及TextField常用屬性精講​​《點選檢視詳情》​​

TextField 焦點擷取控制篇​​《點選檢視詳情》​​

TextField 輸入文本樣式 TextStyle 篇​​《正在發文中》​​

TextField 輸入文本 textAlign 對齊分析篇​​《點選檢視詳情》​​

TextField 輸入文本 decoration 配置邊框樣式以及提示文本分析篇​​《點選檢視詳情》​​

TextField TextEditingController 分析篇​​《就是本文章了》​​

一句話 TextEditingController 用來操作 TextField。

為綁定的輸入框 TextField 預設内容

擷取 TextField 中輸入的内容

兼聽文字輸入變化與焦點變化

第一步建立TextEditingController執行個體對象，其構造函數可選傳參數text，通過構造函數text設定的内容将會在TextField建立時就顯示到輸入框内，代碼如下：

第二步是對文本輸入框TextField綁定控制器，代碼如下：

第三步就是TextEditingController控制器常用方法，代碼如下：

初始化的時候光标保持在文字最後，代碼執行個體如下

完畢