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

您可以使用行小部件的“属性”来执行此操作，如果我没有记错的话。使用 mainAxisSize：MainAxisSize.min 删除两侧的填充。

Widget roundedImage(String path) {
    return CircleAvatar(
      backgroundImage: AssetImage("images/c1.jpeg"),
      radius: 50.0,
    );
  }

Answer 2

这不会消除阴影，但是掩盖它的一种好方法是将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)
 );