flutter_shimmer 1.3.0
flutter_shimmer: ^1.3.0

Flutter Android iOS web

it creating Shimmer effect that indicate a loading status, so instead of using ProgressBar or usual loader use Shimmer for a better design and user interface.

example/lib/main.dart

// import 'package:example/text.dart';
import 'package:example/darkMode.dart';
import 'package:example/purplishMode.dart';
import 'package:flutter/material.dart';
import 'package:flutter_shimmer/flutter_shimmer.dart';
import 'custom_color.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool isDarkMode = false;
  bool isPurplishMode = false;
  bool isCustomColors = false;

  @override
  void initState() {
    super.initState();
    setState(() {
      this.isCustomColors = true;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "flutter_shimmer",
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        // backgroundColor: Colors.black,
        appBar: AppBar(
          title: Text("Flutter_Shimmer"),
        ),
        body: isCustomColors
            ? CustomColors()
            : isPurplishMode
                ? PurplishMode()
                : isDarkMode
                    ? DarkMode()
                    : ListView(
                        children: <Widget>[
                          Container(
                            padding: EdgeInsets.all(16.0),
                            child: Text(
                              "ListTileShimmer",
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          ListTileShimmer(

                              // isPurplishMode: true,
                              ),
                          Divider(),
                          Container(
                            padding: EdgeInsets.all(16.0),
                            child: Text(
                              "YoutubeShimmer",
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          YoutubeShimmer(
                              // isPurplishMode: true,
                              // isDarkMode: true,
                              ),
                          Divider(),
                          Container(
                            padding: EdgeInsets.all(16.0),
                            child: Text(
                              "VideoShimmer",
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          VideoShimmer(
                              // isPurplishMode: true,
                              // isDarkMode: true,
                              ),
                          Divider(),
                          Container(
                            padding: EdgeInsets.all(16.0),
                            child: Text(
                              "ProfileShimmer",
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          ProfileShimmer(
                            // isPurplishMode: true,
                            // isDarkMode: true,
                            hasCustomColors: true,
                            colors: [
                              Color(0xFF651fff),
                              Color(0xFF834bff),
                              Color(0xFF4615b2)
                            ],
                          ),
                          Divider(),
                          Container(
                            padding: EdgeInsets.all(16.0),
                            child: Text(
                              "YoutubeShimmer(With Bottom Lines)",
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          ProfileShimmer(
                            // isPurplishMode: true,
                            hasBottomLines: true,
                            // isDarkMode: true,
                          ),
                          Divider(),
                          Container(
                            padding: EdgeInsets.all(16.0),
                            child: Text(
                              "ProfilePageShimmer",
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          ProfilePageShimmer(),
                          Divider(),
                          Container(
                            padding: EdgeInsets.all(16.0),
                            child: Text(
                              "ProfilePageShimmer(With Bottom Box)",
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          ProfilePageShimmer(
                            // isPurplishMode: true,
                            hasBottomBox: true,
                            // isDarkMode: true,
                          ),
                        ],
                      ),
      ),
    );
  }
}
50
likes
90
pub points
88%
popularity

it creating Shimmer effect that indicate a loading status, so instead of using ProgressBar or usual loader use Shimmer for a better design and user interface.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

skaran921@gmail.com

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_shimmer