【发布时间】:2022-01-12 13:09:01
【问题描述】:
我有一个文本字段,它有一种带边框的透明背景,然后在内部有某种发光,使它流行起来。 我需要帮助,因为我不知道如何实现这种发光。我尝试将文本字段包装在具有线性渐变的容器中,但它只会使发光出现在一个边缘。 这是一张我目前拥有的和我想要的并排的照片。
【问题讨论】:
标签: flutter flutter-layout textfield
我有一个文本字段,它有一种带边框的透明背景,然后在内部有某种发光,使它流行起来。 我需要帮助,因为我不知道如何实现这种发光。我尝试将文本字段包装在具有线性渐变的容器中,但它只会使发光出现在一个边缘。 这是一张我目前拥有的和我想要的并排的照片。
【问题讨论】:
标签: flutter flutter-layout textfield
您正在尝试使用模糊添加内部阴影。在 Container 中使用 BoxDecoration 并根据需要调整 spreadRadius 和 blurRadius。
Container(
decoration: BoxDecoration(
boxShadow: [
BoxShadow(
color: Colors.blue[500]!,
),
BoxShadow(
color: Colors.blue[900]!,
spreadRadius: -5.0,
blurRadius: 5.0,
),
],
),
child: TextField(
obscureText: true,
decoration: InputDecoration(
border: OutlineInputBorder(),
),
),
),
【讨论】: