flutter - 如何隐藏文本框边框后面的东西?
问题描述
我正在尝试制作一个带有圆形边框和一些阴影的文本字段,当我使用高程时,它会显示边框之外的一些部分,请查看我附加的图像。
Container(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
height: 30.0,
child: Material(
elevation: 2.0,
shadowColor: Colors.grey,
child: TextField(
autofocus: false,
style: TextStyle(
color: Colors.black,
),
decoration: kTextFieldDecorationCircular,
onChanged: (value){
searchWord = value;
},
onEditingComplete: searchTheWord,
),
),
),
),
);
const kTextFieldDecorationCircular = InputDecoration(
contentPadding: EdgeInsets.all(2.0),
filled: true,
fillColor: Colors.white,
prefixIcon: Icon(Icons.search, color: Colors.grey,),
hintText: 'Search',
hintStyle: TextStyle(color: Colors.grey),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(50.0)),
),
);
这是我的代码。先感谢您。
解决方案
您可以将其添加到您的 Material 小部件中:
borderRadius: BorderRadius.all(Radius.circular(50.0)),
推荐阅读
- python - Python 中的 Azure Function App 计时器触发器不起作用
- flutter - 如何通过 Flutter 中的推送通知显示 SOS 警报和警报?
- python - 如何将两个相互匹配的列表输出到txt文件中
- linux - bash 脚本中的 Sql (postgres)
- karate - 如何在有条件的情况下调用带有标题的其他功能
- amazon-web-services - Terraform 创建用户池域时出错
- android - 如何显示具有固定高度的 TextField 的值
- html - 如何使用属性 value="true" 设置复选框的样式?
- angular - Mat-form-field 必须包含 MatFormFieldControl 错误,使用 *ngIf
- c++ - 在 C++ 中存储视图类型的引用变体