Flutter URL Launcher for HTML content is not working

Question

I am developing an app using Flutter. Now I need to render the HTML content in my application that includes anchor links. But there is a problem with the links in the HTML content, it is not opening the links in the browser when it is clicked.

This is my code.

Container(
                              color: Colors.white,
                              padding: EdgeInsets.only(top: 10, right: 10, bottom: 10, left: 10),
                              child: Html(
                                  data: htmlContent,
                                  onLinkTap: (link) {
                                    launch(link);
                                  },
                              ))

When I click on it, it is not working.

I imported this library at the top.

import 'package:url_launcher/url_launcher.dart';

What is wrong with my code and how can I fix it?

It is easier if you provide a working example or more information (What is the content of htmContent? What is the thrown exception? I assume you also use the flutter_html package.). Assuming you have a MissingPluginException: Closing the app and executing flutter run (in the cli) should work. — Norman
– Norman, Commented Oct 15, 2020 at 5:15

Armandohackcode · Accepted Answer · 2022-03-03 00:18:42Z

11

 Html(
  data: dataHTML,
  onLinkTap: (url, _, __, ___) async {
    if (await canLaunch(url!)) {
      await launch(
        url,
      );
    } 
  },
);

In recent versions, flutter_html, when using this event, requests more parameters that fulfill a specific task which is detailed in the documentation, but if the intention is only to launch the Urls, they can do it this way, do not forget to add the <queries> in the AndroidManifest if your app uses API 30 or higher that you specify in using url_launcher

answered Mar 3, 2022 at 0:18

Armandohackcode

3893 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hugo H · Accepted Answer · 2021-01-22 08:36:05Z

6

Opening links in HTML works for me like this:

Html(
  data: 'This is some <a href="https://pub.dev/packages/url_launcher">link</a>',
  onLinkTap: (url) async {
    if (await canLaunch(url)) {
      await launch(
        url,
      );
    } else {
      throw 'Could not launch $url';
    }
  },
)

Note that I first await the canLaunch method before using launch to open my link.

What was your link? Would you provide us an example? Thanks!

answered Jan 22, 2021 at 8:36

Hugo H

6,4026 gold badges42 silver badges61 bronze badges

Comments

Nikhil Mishra · Accepted Answer · 2021-05-05 19:44:05Z

2

onLinkTap: (url) async {
    if (await canLaunch(url)) {
      await launch(
        url,
      );
    } else {
      throw 'Could not launch $url';
    }
  },

Also don't forgot to add this in your Manifest file

       <queries>
        <intent>
            <action android:name="android.intent.action.VIEW" />
            <data android:scheme="https" />
        </intent>
        <intent>
            <action android:name="android.intent.action.DIAL" />
            <data android:scheme="tel" />
        </intent>
        <intent>
            <action android:name="android.intent.action.SEND" />
            <data android:mimeType="*/*" />
        </intent>
    </queries>

answered May 5, 2021 at 19:44

Nikhil Mishra

311 bronze badge

Comments

Wahab Khan Jadon · Accepted Answer · 2024-04-28 08:14:51Z

2

If you are using flutter_html Prerelease: 3.0.0-beta.2 use the following code.

  Html(
     data: loadHtml(currentEvent.description),
     onLinkTap: (url, _, __) async {
         final uri = Uri.parse(url!);
         if (await canLaunchUrl(uri)) {
             await launchUrl(uri);
         }
      },
  ),

answered Apr 28, 2024 at 8:14

Wahab Khan Jadon

1,3041 gold badge20 silver badges29 bronze badges

Collectives™ on Stack Overflow

Flutter URL Launcher for HTML content is not working

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related