在 TextFormField Flutter 中輸入文本時從頂部更改內容填充

Question

我想從頂部添加一些填充，在 TextFormField 中輸入文本時，label 從 Textfield 出來，我嘗試了內容填充，但仍然無法正常工作。

這是我的代碼

 @override
 Widget build(BuildContext context) => TextFormField(
  controller: TextEditingController(),
  style: Theme.of(context).textTheme.subtitle2,
  decoration: InputDecoration(
      fillColor: Theme.of(context).disabledColor,
      border: OutlineInputBorder(
          borderSide:
              BorderSide.none,
          borderRadius: BorderRadius.circular(BorderSize.input),


      ),
      contentPadding:
          EdgeInsets.all( PaddingSize.inputHorizontal),
      filled: true,
      isDense: true,
      labelText: hint),
  onSaved: onSaved,
  validator: _exists);

}

Answer 1

好像是邊框的問題。 如果您不需要它們，只需刪除並嘗試。

      TextFormField(
      controller: TextEditingController(),
      style: Theme.of(context).textTheme.subtitle2,
      decoration: InputDecoration(
          fillColor: Theme.of(context).disabledColor,
          border: InputBorder.none,
          focusedBorder: InputBorder.none,
          enabledBorder: InputBorder.none,
          errorBorder: InputBorder.none,
          disabledBorder: InputBorder.none,
          contentPadding:
              EdgeInsets.all( PaddingSize.inputHorizontal),
          filled: true,
          isDense: true,
          labelText: hint),
      onSaved: onSaved,
      validator: _exists);

讓我知道這是否是預期的。

編輯：如上所述禁用所有邊框。