在颤动的 Image.network 小部件中显示缩略图

Posted 2023-02-23

【中文标题】在颤动的 Image.network 小部件中显示缩略图

【英文标题】：Show thumbnail in flutter Image.network widget

【发布时间】：2021-01-22 14:01:27

【问题描述】：

我尝试使用 Image.network() 颤振小部件查看手动添加的 youtube 视频中的缩略图图像，但小部件中的图像显示为 top 和 bottom.black 屏幕，但不是基于容器宽度的完整屏幕和高度如下图

可能是什么问题？

Stack (
children:[
   Container (
       child: Image.network (
               Url,
              fit:BoxFit.cover,
                height: 500,
                widht: 400

          ),
   Container (
 aligment:Alignment.bottonLeft,
    child: Text (
       Name
        )
     )
    )
   ]
);

【问题讨论】：

请贴出代码

我已经编辑了帖子

为什么要增加高度：500，宽度：400

我试着让它合身但得到了同样的结果..

另外，当我将缩略图 udeo 链接显示到 chrome 浏览器中时，出现相同的结果..我不知道为什么

【参考方案1】：

使用fit 属性。

Image.network(fit:BoxFit.cover, src: 'image path')

【讨论】：

没有任何财产？