DEV Community

loading...

Load Images in Flutter | Place Holder

rrtutors profile image rrtutors Originally published at rrtutors.com ・1 min read

Flutter can be load images with below widgets.

    Image.network
    FadeInImage.memoryNetwork
    Image.asset
Enter fullscreen mode Exit fullscreen mode




Loading a image form the code

Image.asset('images/aclogo.jpg',width:200,height:200),
Enter fullscreen mode Exit fullscreen mode



Loading a image form url :

Image.network( 'https://rrtutors.com/uploads/langpostimg/15java-projects.jpg', ),
Enter fullscreen mode Exit fullscreen mode

Read Simple Example
Flutter Load Image with Place Holder Example

Also have few plugins to load images

cached_network_image 2.0.0
https://pub.dartlang.org/packages/cached_network_image

Flutter library to load and cache network images. Can also be used with placeholders and error widgets.

flutter_advanced_networkimage 0.6.4

https://pub.dartlang.org/packages/flutter_advanced_networkimage

Advanced image cache loading and zoom control.

transparent_image 1.0.0

https://pub.dartlang.org/packages/transparent_image

Simple transparent image, represented as Uint8List. Can be used as a placeholder when loading an image

Discussion (0)

Forem Open with the Forem app