在 flutter 中调整 Markdown 图像大小

Question

我需要调整 Markdown 文件中资产文件夹中的本地图像的大小。

我目前在我的 .md 文件中显示了此图像。

我需要调整图像大小，使其变小一点。

当前的套餐可以吗？

Answer 1

您可以使用内联 HTML

<img/>

并提供尺寸。

<img src = "assets/images/image01.png" width="x" height="x" />

或者

[<img src ="assets/images/image01.png" width="100" height="x"/> ](assets/images/image01.png)

更多和参考：在 Markdown 中更改图像大小

Answer 2

<img src="drawing.jpg" alt="drawing" width="200"/>

这是关于此问题的 github 讨论，https://gist.github.com/uupaa/f77d2bcf4dc7a294d109

Answer 3

在具体考虑 Flutter Markdown 插件时，调整图像大小的一个好方法是使用

imageBuilder

参数。

对于您的示例，以下是返回

Markdown

小部件时调整图像大小的代码：

imageBuilder: (uri, title, alt) {
  return Image.asset(uri.path,width: 50,height: 50,);
},

对于其他情况（例如网络图像），当未指定

kDefaultImageBuilder

时，您可以从名为

imageBuilder

的默认函数中找到灵感：https://github.com/flutter/packages/blob/ec4a54604ff5043891bae98498116a714061baa5/packages /flutter_markdown/lib/src/_functions_io.dart#L18-L42

Answer 4

您可以使用 Flutter Markdown 在 URL 末尾指定图像的大小，如下所示：

![Image](https://link.to/image.png#80x50)

这会将图像大小调整为宽度 80 像素、高度 50 像素