Image.Network 周围奇怪的神秘边界答案

【问题标题】：Strange Mystery Border around an Image.NetworkImage.Network 周围奇怪的神秘边界
【发布时间】：2021-05-05 03:53:47
【问题描述】：

当我使用 Image.Network 显示任何图像时 - 我得到一个非常奇怪的灰色左右边框。

图片正在以 PNG 格式加载，但我尝试了 JPG - 并且还调整了图片大小，但无论大小或格式如何，我每次都会留下灰色的左右边框 - 不知道它在哪里来自（哪里？？ - 有人可以帮忙吗？

显示图片的代码如下：

Container(
                          alignment: Alignment.center,
                          padding: EdgeInsets.only(bottom: 0.0, top: 10.0),
                          child: Row(
                              mainAxisAlignment: MainAxisAlignment.center,
                              // crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Column(
                                    crossAxisAlignment:
                                        CrossAxisAlignment.center,
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: [
                                      RaisedButton(
                                        onPressed: _launchURL,
                                        child: Image.network(
                                          'http://myurl.com/myimage.png',
                                        ),
                                      ),
                                    ]),
                              ])),

任何人都可以看到可能是什么创建了这个框 - 只是在图像加载之前暂时添加，灰色框是可见的 - 如下面的屏幕截图所示：

是 RaisedButton 放置“区域”吗？

【问题讨论】：

标签： image flutter url

【解决方案1】：

我想我的最后一个问题得到了答案。

这是 Raised Button 的背景属性。通过将以下内容添加到 RaisedButton，它会更改灰色以匹配白色背景：

color: Colors.white,

这样就变成了：

RaisedButton(
                                        onPressed: _launchURL,
                                        color: Colors.white,
                                        child: Image.network(
                                          'http://myurl.com/myimage.png',
                                        ),
                                      ),

【讨论】：