flutter_shimmer 2.1.1 copy "flutter_shimmer: ^2.1.1" to clipboard
flutter_shimmer: ^2.1.1 copied to clipboard

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 './darkMode.dart';
import './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 = false;
    });
  }

  @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 ( onlyWithProfilePicture:true )",
                              style: TextStyle(
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                          Row(
                            children: [
                              ListTileShimmer(
                                onlyShowProfilePicture: true,
                                // isRectBox: true,
                                height: 20,
                                // isPurplishMode: true,
                              ),
                            ],
                          ),
                          Divider(),
                          Container(
                            padding: EdgeInsets.all(16.0),
                            child: Text(
                              "ListTileShimmer",
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                          ),
                          ListTileShimmer(
                            height: 20,
                            // 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,
                          ),
                        ],
                      ),
      ),
    );
  }
}
202
likes
140
pub points
92%
popularity

Publisher

unverified uploader

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

License

unknown (license)

Dependencies

flutter

More

Packages that depend on flutter_shimmer