render_pro 0.1.4

Load network images on background before showing images. no need to show loaders anymore.

Render_Pro

About

render_pro is a Dart package to render images on background. Now no need to show loaders or Shimmer effects on network images. Render Pro give smooth experince to your network images

Features

• Image Type: It supports all kind of image types.

Render_Pro Example

Create a list of network URLs

 List<String> imageUrls = [
    'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRrX7nxND2CUn9u_vklCWYEzIzbuNHzQfLmIw&s',
    "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRmCy16nhIbV3pI1qLYHMJKwbH2458oiC9EmA&s",
    "https://fps.cdnpk.net/images/home/subhome-ai.webp?w=649&h=649",
    "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSZz_aEaEAX0yAzanEe_wfwTHlzCnad7IkNKzHs4NS-NIZ66QfCRVILJRZvhgfMEP_txgU&usqp=CAU",
    "https://i0.wp.com/picjumbo.com/wp-content/uploads/beautiful-fall-waterfall-free-image.jpeg?w=600&quality=80",
    "https://thumbs.dreamstime.com/b/incredibly-beautiful-sunset-sun-lake-sunrise-landscape-panorama-nature-sky-amazing-colorful-clouds-fantasy-design-115177001.jpg",
    'https://images.samsung.com/levant/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-color-carousel-global-mo.jpg?imbypass=true',
    'https://img.freepik.com/premium-photo/aesthetic-sky-background_636537-267412.jpg',
  ];

Start Loading on background

Call this method to load images before the screen where you need to show images

    RenderPro.init(imageUrls);

Show images in views

Use RenderProImage widget to show preloaded network Images with same URLs.

 RenderProImage(
      width: double.infinity,
      url: placeholderImageUrls[index],
      fit: BoxFit.cover,
      filterQuality: FilterQuality.high,
      placeholder: CircularProgressIndicator(),
),

Contributors

• Rana Sharjeel Ali Flutter Developer