flutter - 在 TextFormField Flutter 中输入文本时从顶部更改内容填充
问题描述
我想从顶部放置一些填充,在 TextFormField 中输入文本时标签从 Textfield 出来,我尝试了 content padding ,但仍然无法正常工作。
这是我的代码
@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);
}
解决方案
好像是边框的问题。如果您不需要它们,只需删除并尝试。
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);
让我知道这是否是预期的。
编辑:如上所述禁用所有边框。
推荐阅读
- ruby-on-rails - 加载视图时出现“未初始化的常量”路由错误
- c++ - char = 0 在 C++ 中使用 XOR
- python - 为 Python3.6 重构这个 Twisted 代码需要什么?
- javascript - 背景之间的svg水平线
- javascript - 如何使用 tcp 套接字将图像从 [python 客户端] 发送到 [node.js 服务器]?
- javascript - 为什么我的 Chessboard 变量在我的 Express 应用程序中未定义?
- firebase - Firestore - 如何建模和查询 2 个集合的关系 - IOT 用例 - v2
- python - 导入我使用 swig 制作的 python 代码 ac 库
- javascript - 与 js bin 相比,Mocha 测试返回不同的答案
- spss-modeler - 在 SPSS Modeler 模型中包括输入变量和结果变量