在TextFormField Flutter中输入文本时,从顶部更改内容填充

时间:2020-05-15 08:15:25

标签: flutter flutter-layout

我想从顶部放一些填充,在TextFormField中输入文本时标签从Textfield中出来, 我尝试了内容填充,但仍然无法正常工作。

enter image description here

这是我的代码

 @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);

}

1 个答案:

答案 0 :(得分:0)

边界似乎有问题。如果您不需要它们,请删除并尝试。

      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);

让我知道是否可以预期。

编辑: 如上所述,禁用所有边框。