A simple shimmer widget with flutter

flutter shimmer widget

a package provides an easy way to add shimmer effect in flutter project.

animation

example project

there is a example project in the example folder. check it out. otherwise, keep reading to get up and running.

usage

custom numbers

import 'package:flutter/material.dart';
import 'package:flutter_shimmer_widget/flutter_shimmer_widget.dart';

void main() {
  runapp(myapp());
}

class myapp extends statelesswidget {
  // this widget is the root of your application.
  @override
  widget build(buildcontext context) {
    return materialapp(
      title: 'flutter shimmer widget',
      theme: themedata(
        primaryswatch: colors.blue,
        visualdensity: visualdensity.adaptiveplatformdensity,
      ),
      home: homepage(),
    );
  }
}

class homepage extends statelesswidget {
  @override
  widget build(buildcontext context) {
    return scaffold(
      appbar: appbar(
        title: text('flutter shimmer widget'),
      ),
      body: container(
        child: singlechildscrollview(
          child: column(
            children: [
              const sizedbox(
                height: 20,
              ),
              cardplaceholderwithavatar(),
              cardplaceholderwithavatar(),

              cardplaceholderwithimage(
                height: 200,
              ),

              padding(
                padding: const edgeinsets.symmetric(horizontal: 20),
                child: fluttershimmnerloadingwidget(
                  count: 3,
                  animate: true,
                  color: colors.grey[200],
                ),
              ),
              simpletextplaceholder(),

            ],
          ),
        ),
      ),
    );
  }
}

this project is a starting point for a dart
package,
a library module containing code that can be shared easily across
multiple flutter or dart projects.