yii.
← Writing
開發筆記 · · 1 min read

Flutter|開發|如何讓TextField根據字數延伸呢?

這篇寫於 2022 年。工具和 API 變化很快,部分步驟可能已經不適用。

持續的學習紀錄


第一步#

先在TextField外層包上IntrinsicWidth,可以讓輸入框從最小尺寸延伸到最大寬度,像Flexible的效果自動伸縮

第二步#

  • 怕沒有內容的時候會看不到輸入框,所以給在最外層包上ConstrainedBox,給予minWidth最小寬度,有超過寬度在延伸就好
  • 也可以再給予maxWidth,,設置最大size,不要伸展到螢幕寬度

完成#

解決#

希望有幫助到你,可以順便給我鼓勵,追蹤我接收最新消息!

參考#

  1. https://stackoverflow.com/questions/55505327/flutter-how-to-make-textfield-width-fit-its-text-wrap-content

本文原刊登於 Medium。