Shimmer effect to Image

Gagan Bhirangi
Apr 21, 2021

--

PackageShimmer

Want to give shimmer effect to Img?

but, What is Shimmer?

It’s one of the popular effect seen in most apps/sites.
It is used for the loading screen to make it a little attractive.

Flutter community is very grateful that we have the package to do so in few steps.

Below is the Basic Implementation of the shimmer package -

Installing steps -

With Flutter

$ flutter pub add shimmer

or Add this to your package’s pubspec.yaml file:

dependencies:
shimmer: ^2.0.0

2. Install packages from the command line with Flutter:

$ flutter pub get

3. Now in your Dart code, you can use:

import ‘package:shimmer/shimmer.dart’;

Coding Part -

Just wrap your image(transparent background needed) in Shimmer.fromColors()

Then, give base color & highlight color

Basic Implementation

That’s all for now. Thank you for reading this article.

See you next time 👍.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

Gagan Bhirangi
Gagan Bhirangi

Responses (1)

Write a response