flutter - 在抖动中使图像的边缘变暗吗？

如何在阴影中将阴影添加到图像的边缘，以使白色的覆盖文字易于阅读？我希望它看起来像“联系人”应用程序中的样子:


我已经检查了Image类，但是我所看到的只是color和colorBlendMode，这肯定不是最简单的方法。

最佳答案

我使用以下代码解决了我的问题。 (这样做时，请不要使用阴影框。这会导致所有内容都变暗):

Stack(
  children: <Widget>[
    Image(
      fit: BoxFit.cover,
      image: AssetImage("assets/test.jpg"),
      height: MediaQuery.of(context).size.width * 0.8,
      width: MediaQuery.of(context).size.width,
    ),
    Container(
      height: MediaQuery.of(context).size.width * 0.8,
      width: MediaQuery.of(context).size.width,
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.topCenter,
          end: Alignment.bottomCenter,
          colors: [
            const Color(0xCC000000),
            const Color(0x00000000),
            const Color(0x00000000),
            const Color(0xCC000000),
          ],
        ),
      ),
    ),
    new Padding(
      padding: const EdgeInsets.all(16.0),
      child: Text("TXT", style: Theme.of(context).primaryTextTheme.title,),
    ),
  ],
),

关于flutter - 在抖动中使图像的边缘变暗吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50543031/