Flutter 当具有maxLength或minLength属性时,如何向文本字段添加阴影?
我有一个正常的Flutter 当具有maxLength或minLength属性时,如何向文本字段添加阴影?,flutter,flutter-layout,Flutter,Flutter Layout,我有一个正常的TextField,我想在它上面加一些阴影,但我还没有找到解决这个问题的方法。我的TextField具有maxLength属性,因此我希望在其下方保留一个小字符计数 每当我将此TextField包装在材质或容器小部件中并使用阴影属性时,阴影将应用于TextField的整个区域,结果是一场灾难,如您所见: 我怎样才能只在输入栏上添加一些阴影,比如谷歌搜索栏 我删除了许多属性以使示例更加清晰: TextField( maxLength: 40,
TextField
,我想在它上面加一些阴影,但我还没有找到解决这个问题的方法。我的TextField
具有maxLength
属性,因此我希望在其下方保留一个小字符计数
每当我将此TextField
包装在材质
或容器
小部件中并使用阴影属性时,阴影将应用于TextField的整个区域,结果是一场灾难,如您所见:
我怎样才能只在输入栏上添加一些阴影,比如谷歌搜索栏
我删除了许多属性以使示例更加清晰:
TextField(
maxLength: 40,
decoration: InputDecoration(
filled: true,
fillColor: kSomeColor,
border: OutlineInputBorder(borderRadius: BorderRadius.all(
Radius.circular(80),
),
),
),
),
编辑:如果您添加一些errorText或labelText,您将遇到相同的问题我使用堆栈并向另一个容器添加阴影达到了相同的效果
@GenchiGenbutsu谢谢,但我已经检查了答案,如果我没有maxLength计数器,它将工作。我将编辑标题,使其更清楚。编辑:在该问题中,发表评论的用户也有相同的问题,但使用“帮助器”或“错误文本”属性以及接受的答案并没有解决问题:/使用相同的半径以获得最佳效果,同时更改两个元素的高度以获得最佳效果
Stack(
children: [
Container(
height: 60,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(
Radius.circular(80),
),
boxShadow: [
BoxShadow(
color: Colors.grey, blurRadius: 5, spreadRadius: 5),
],
),
),
Container(
height: 80,
child: TextFormField(
maxLength: 40,
decoration: InputDecoration(
filled: true,
fillColor: Colors.lightBlue[900],
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(80),
),
),
),
),
),
],
),