how to display animated gif in flutter?

flutter flutter-layout flutter-animation
Monu Kumar picture Monu Kumar · Jul 27, 2018 · Viewed 30.3k times · Source

I am trying to display gif in flutter.

I am using the code

Image(image : NetworkImage(message.image_url))

But it shows error:

Another exception was thrown: Exception: HTTP request failed, statusCode: 403, https://media.giphy.com/media/13AXYJh2jDt2IE/giphy.gif%20

Answer

Pritish picture Pritish · Jan 24, 2019

Place your gif in your images folder of your project and mention it in pubspec.yaml file,just like you do for images.

Image.asset(
  "images/loading.gif",
  height: 125.0,
  width: 125.0,
),

Related questions

Programmatically scrolling to the end of a ListView

I have a scrollable ListView where the number of items can change dynamically. Whenever a new item is added to the end of the list, I would like to programmatically scroll the ListView to the end. (e.g., something like …

Read More
Horizontally scrollable cards with Snap effect in flutter

I want to create a list of cards scrolling horizontally with snap to fit effect when swiped either from left or right. Each card has some spacing between them and fit to screen similar to below image Apart from that …

Read More
How to add asset image in app bar as an action icon in Flutter application?

Problem I am trying to add a logout image icon in appbar of flutter screen. I have created a asset folder and created directories images/icons/ and placed icons in them. I have mentioned them in pubspec.yaml file. I …

Read More