我想在Flutter中的TextFormField小部件中加入一个内部阴影效果,位于顶部。
- 以下是我想要达到的目标
下面是我的输入widget代码:
TextFormField(
style: TextStyle(color: Colors.white),
//initialValue: initialValue,
decoration: const InputDecoration(
filled: true,
fillColor:Color(0xFF28B4D2),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(96.0)),
borderSide: BorderSide.none,
),
labelText: "Name",
// color from hex code.
focusColor:Color(0x28B4D2),
labelStyle: TextStyle(color: Colors.white),
),
),
我已经尝试使用inner_shadow_widget
插件如下
Container(
child:
InnerShadow(
blur: 9,
offset: const Offset(2, 2),
color: const Color(0xFFFFFFFF).withOpacity(1),
child: TextFormField(
style: TextStyle(color: Colors.white),
//initialValue: initialValue,
decoration: const InputDecoration(
filled: true,
fillColor:Color(0xFF28B4D2),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(96.0)),
borderSide: BorderSide.none,
),
labelText: "Name",
// color from hex code.
focusColor:Color(0x28B4D2),
labelStyle: TextStyle(color: Colors.white),
),
),
),
),
但它不起作用。
P.S帮助我实现这一点。
2条答案
按热度按时间p5fdfcr11#
TextFormField隐藏了InnerShadow,您可以使用Padding将TextFormField向下移动一点,以在其顶部显示InnerShadow。
希望这个有用。
0yg35tkg2#
您可以使用LinearGradient实现,而无需使用任何包。
这是一个GradientButtonDecoration类,你可以根据自己的意愿选择颜色。