💻
Flutter documentation
  • Flutter documentation
    • Starting an App
    • Import
  • Visual Studio Code
  • Widgets
    • Stateless Widget
    • Stateful Widget
    • Scaffold
    • Text
      • OverFlow
      • Rounded background text
    • Padding
    • Align
    • DraggableScrollableSheet
    • Container
    • Decorated box
    • Expanded
    • IntrinsicHeight
    • IntrinsicWidth
    • ListView.builder(...)
    • Buttons
    • Gauge
    • Navigator
      • WillPopScope
    • Web View
    • Divider
    • Future builder
    • Image
      • Cached_network_image
      • Fade In Image
    • ClipOval
    • InkWell
    • Wrap
    • SingleChildScrollView
    • Stack
    • FittedBox
    • DropdownButton
    • ValueListenableBuilder
    • Maps
    • fl_chart
    • Set SystemNavigation Bar Color
    • Onesignal
    • Builder
    • Set orientation
    • SSE
    • Chat
    • Flutter_animate
    • Supabase
      • Android
    • Changing name and package name
    • Sign apk/abb
  • Dart
    • If / Else in one line
    • Functions
  • Others
  • Airtable
Powered by GitBook
On this page
  1. Widgets
  2. Image

Fade In Image

The fade In Image widget is very useful when loading images from the internet, as it gives a more dynamic look to your app by adding a fade in effect to the images.

PreviousCached_network_imageNextClipOval

Last updated 2 years ago

First, you have to create a folder for the loading image, it's recommended to put assets as name.

Later you have to declare it on the pubspect.yaml

 assets: 
  - assets/
FadeInImage(
   placeholder: AssetImage("assets/loading.png"),
   image: NetworkImage(URL),
   // you can add other options
   fit: BoxFit.cover,
   );