使图像边缘变暗吗？

Question

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

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

Answer 1

我使用以下代码解决了我的问题。（这样做时，请不要使用盒子阴影。这会导致所有内容都变暗）：

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