Flutter 向文本字段内部添加阴影颤振
我有这个设计,我想用于我的应用程序,但我不太确定如何添加框阴影。阴影位于文本字段的内部。。请有人给我一些帮助,并告诉我正确的方向,如何做到这一点 (文本字段顶部的框阴影) 干杯,Flutter 向文本字段内部添加阴影颤振,flutter,flutter-layout,Flutter,Flutter Layout,我有这个设计,我想用于我的应用程序,但我不太确定如何添加框阴影。阴影位于文本字段的内部。。请有人给我一些帮助,并告诉我正确的方向,如何做到这一点 (文本字段顶部的框阴影) 干杯, Jack您可以使用容器作为背景,例如,使用 您可以使用a、a或@Jakk所说的Neumorphic形状来改善效果 希望有帮助。这就是所谓的neumorphic设计。我不知道如何做到这一点,但也有类似的文章: Container( decoration: ShapeDecoration(
Jack您可以使用容器作为背景,例如,使用 您可以使用a、a或@Jakk所说的Neumorphic形状来改善效果
希望有帮助。这就是所谓的neumorphic设计。我不知道如何做到这一点,但也有类似的文章:
Container(
decoration: ShapeDecoration(
gradient: LinearGradient(
colors: [Color(0xFFe6dfd8), Color(0xFFf7f5ec)],
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
stops: [0.0, 0.4],
tileMode: TileMode.clamp,
),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(32.0)),
),
),
child: TextField(
expands: false,
style: TextStyle(fontSize: 20.0, color: Colors.black54),
decoration: InputDecoration(
contentPadding: EdgeInsets.all(12.0),
prefixIcon: Icon(
Icons.email,
color: Colors.black54,
),
hintText: 'email',
hintStyle: TextStyle(color: Colors.black54),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.white),
borderRadius: BorderRadius.circular(32.0),
),
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.white),
borderRadius: BorderRadius.circular(32.0),
),
),
),
);