Home / Questions / 555207
Accepted
mauricio
Asked: 2022-09-04 14:18:39 +0800 CST 2022-09-04 14:18:39 +0800 CST

how to put the url of an api inside my flutter application?

  • 772

I work with this api https://api.jikan.moe/v4/anime , what I don't know is how to show it inside my app.

enter image description here

as it appears in the api ("url": "https://www.youtube.com/watch?v=bJVyIXeUznY",) at first I tried to show it inside a text widget, then I realized that it didn't make sense.

   Text(
    widget.recibirdatos.urlyoutube ?? 'no hay url',
           style: const TextStyle(
           fontSize: 20, color: Colors.black),
Text),
flutter

1 Answers

  1. Best Answer

    If what you are trying to do is redirect the user to the link that is in the api, you could help yourself with the url_launcher package , once you have it installed in the dependencies of the Widget Textone you currently use, you could enclose it in an InkWellor GestureDetector. You would have something like this:

      InkWell(
      onTap: () async {
         if( widget.recibirdatos.urlyoutube != null &&  widget.recibirdatos.urlyoutube.isNotEmpty){

            final url = "widget.recibirdatos.urlyoutube";

            if(await canLaunch(url)){
                  await launch(url);
            }
          }
        },
      child: Text(
         widget.recibirdatos.urlyoutube ?? 'no hay url',
         style: const TextStyle(
         fontSize: 20, color: widget.recibirdatos.urlyoutube.isNotEmpty ?Colors.blue : Colors.black,
        ),
      Text,
       ),
     )

    There is another way where you could call a webViewto play the video within the app, but I think that's not what you're looking for.

    • 1