如何在 Flutter 中的文本之间加载图像

Question

我需要在我的 android 应用程序上显示包含来自 API 的文本和图像的内容，当我将其保存在字符串类型的变量中时，文本会显示，但图像显示为 Z572D4E421E5E6B9BC11D815E8A02712。 如何加载获取要在文本之间加载的链接？

Answer 1

您可以使用以下方法将图像垂直放置在两个文本之间：

Column(
    children: <Widget>[
      Text("Hello"),
      Image.network(
          'REPLACE HERE WITH YOUR IMG URL'),
      Text("World")
    ],
  ),

或者您可以使用它在两个文本之间水平放置图像：

Row(
    children: <Widget>[
      Text("Hello"),
      Image.network(
          'REPLACE HERE WITH YOUR IMG URL'),
      Text("World")
    ],
  ),

Answer 2

如果要显示图像，则需要将数据转换为 HTML 或 Markdown。 在 MarkDown 和 HTML 中，您可以显示比图像更多的内容。 这些是 HTML 和 MarkDown 的包：

1. flutter_html
2. flutter_markdown

Answer 3

我需要插入一个带有文本句子的内联图像。 所以为此我使用了这个：

  final String paragraph1 =
  'Advanciti App is an app where you can study and make friends with people living near your home. Advanciti is an Edtech Startup based out of Pune, Maharashtra, India.\n';

 RichText(
          text: TextSpan(
            children: [
              TextSpan(text: "The "),
              WidgetSpan(child: Container(width: 20.0, child: Image.asset('assets/app_icon.png', scale: 1))),
              TextSpan(text: paragraph1),
            ],
          ),
        ),