android - Flutter - 摆脱 iOS 上的阴影

Question

我有一个 Flutter 应用程序，我正在 iOS 上测试它。我发现下面的图片有阴影(和填充)- 下图。主要问题是在右侧和左侧填充。

有人知道如何摆脱它吗？

代码:

return Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: <Widget>[
    roundedImage("assets/images/avatar.png"),
    Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Text("XXXXXX",
              style: Theme.of(context)
                  .textTheme
                  .display2
                  .copyWith(fontSize: 20.0)),
          Text("YYYYY",
              style: Theme.of(context)
                  .textTheme
                  .display4
                  .copyWith(fontSize: 14.0)),
        ]),
    Text("ZZZZZ",
        style: Theme.of(context)
            .textTheme
            .display4
            .copyWith(fontSize: 16.0, fontWeight: FontWeight.normal))
  ],
);


 Widget roundedImage(String path) {
    return Material(
     shape: CircleBorder(),
     color: Colors.transparent,
     child: Image.asset('assets/images/xxx.png', width: imageSize, height: 
     imageSize)
 );

图片:

Answer 1

这不会消除阴影，但掩盖它的一个好方法是将 shadowColor 更改为透明。

这就是它的样子；

 Widget roundedImage(String path) {
    return Material(
     shape: CircleBorder(),
     color: Colors.transparent,
     shadowColor: Colors.transparent,
     child: Image.asset('assets/images/xxx.png', width: imageSize, height: 
     imageSize)
 );