Flutter 輸入框問題

在開發中TextField組件使用頻率仍是比較高的，使用時由於文檔較少，特此記錄平時遇到的問題

[TOC]

隱藏輸入框邊框或下劃線

有時候默認的輸入框邊框可能不符合設計稿要求，咱們須要一個比較乾淨的輸入框，能夠經過TextField設置裝飾來解決

TextField(
  decoration: InputDecoration(
    hintText: "請輸入賬號",
    border: InputBorder.none,//輸入邊框設爲null
    suffix: Image.asset("images/login_del.png", width: 20),
  ),
)
複製代碼

軟鍵盤擋住輸入框

此問題仍是比較高頻率的，當咱們的TextField在頁面比較靠下的時候，彈出的軟鍵盤會擋住輸入框，網上也不多解決辦法。後面在使用時發現只要在外層套一層任意可滾動Widget就好了，特此記錄

SingleChildScrollView(
  child: Column(
    children: <Widget>[
      //..內容部分，裏面有TextField控件
    ],
  ),
)
複製代碼