在文本字段 Flutter 内部添加阴影

我有这个设计，我想将其用于我的应用程序，但我不太确定如何添加框阴影。阴影位于文本字段的内部。请问有人可以给我一些帮助并为我指出如何执行此操作的正确方向吗？

（文本字段顶部的框阴影）

干杯， 杰克

您可以使用容器作为背景来实现这一点，例如使用线性 坡度 https://api.flutter.dev/flutter/painting/LinearGradient-class.html你可以得到这样的东西：

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),
              ),
            ),
          ),
    );

您可以使用以下方法来改善效果径向渐变 https://api.flutter.dev/flutter/painting/RadialGradient-class.html, a 盒子阴影 https://api.flutter.dev/flutter/painting/BoxShadow-class.html或者正如 @Jakk 所说的 Neumorphic 形状。

希望能帮助到你。