Flutter onTap 从 htmlWidget 获取特定的图像源

Question

我有 html 来自 Json 并将其保存在字符串中，然后使用 flutter_widget_from_html 依赖项将 html 视为 webview。

我想在 htmlWidget 中获取特定图像 url onTap 特定图像。在 android 中，我有 onTouchListener 从那里我们可以轻松提取图像，但我不知道如何在 Flutter 中提取图像。

Directionality(textDirection: TextDirection.rtl,
  child: HtmlWidget("<p><img class="alignnone size-full wp-image-231636" src="http://abc/wp-content/uploads/2019/09/big13-48.jpg" alt="" width="600" height="800" srcset="http://abc/wp-content/uploads/2019/09/big13-48.jpg 600w, http://abc/wp-content/uploads/2019/09/big13-48-450x600.jpg 450w" sizes="(max-width: 600px) 100vw, 600px" /></p>", 
    webView: true,
  ),
),

Answer 1

您可以使用 builderCallback 来做到这一点。它为您提供了在呈现时自定义 UI 小部件的功能。

关注此 url。 https://github.com/daohoangson/flutter_widget_from_html/issues/50#issuecomment-500928520

Answer 2

dependencies:
  flutter_html: ^0.11.0

您将在其中收到该图像。

 onImageTap: (src) {
   // Display the image in large form.
}

参考link：

https://github.com/Sub6Resources/flutter_html

Flutter onTap 从 htmlWidget 获取特定的图像源

Flutter onTap get particular Image source from htmlWidget

flutter

flutter-test

flutter-dependencies