如何在 Flutter 中创建与 Apple TV 应用程序相同的背景渐变效果

Question

如何创建 Apple TV 应用程序中使用的 Flutter 背景渐变效果的最佳方法如下图所示。 在电影图像后面的背景中，它看起来像是从白色到灰白色的渐变。

Answer 1

您可以使用container BoxDecoration boxShadow来实现这一点。 这是一个例子

    class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 200,
      width: 200,
      child: Card(
        child: Center(
          child: Icon(
            Icons.movie,
            size: 150.0,
          ),
        ),
      ),
      decoration: BoxDecoration(boxShadow: [
        BoxShadow(
          color: Colors.white54,
          blurRadius: 10.0,
          offset: Offset(0, 10),
          spreadRadius: 0.5,
        ),
      ]),
    );
  }
}