shimmer

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

class RankingItemShimmer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Card(
          child: Container(
            child: Shimmer.fromColors(
              baseColor: Colors.grey[300],
              highlightColor: Colors.grey[100],
              child: Container(
                padding: EdgeInsets.symmetric(vertical: 14, horizontal: 10),
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    Container(
                      height: 45.0,
                      width: 45.0,
                      color: Colors.white,
                    ),
                    Padding(padding: EdgeInsets.symmetric(horizontal: 4.0)),
                    Expanded(
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: <Widget>[
                          Container(
                            width: 100.0,
                            height: 16.0,
                            color: Colors.white,
                          ),
                          Padding(padding: EdgeInsets.symmetric(vertical: 2.0)),
                          Container(
                            width: 100.0,
                            height: 8.0,
                            color: Colors.white,
                          ),
                          Padding(
                              padding: EdgeInsets.symmetric(vertical: 12.0)),
                          Row(
                            children: <Widget>[
                              Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: <Widget>[
                                  Row(
                                    crossAxisAlignment: CrossAxisAlignment.end,
                                    children: <Widget>[
                                      Container(
                                        width: 64.0,
                                        height: 24.0,
                                        color: Colors.white,
                                      ),
                                      Padding(
                                          padding: EdgeInsets.symmetric(
                                              horizontal: 4.0)),
                                      Container(
                                        width: 50.0,
                                        height: 8.0,
                                        color: Colors.white,
                                      )
                                    ],
                                  ),
                                  Padding(
                                      padding:
                                          EdgeInsets.symmetric(vertical: 4.0)),
                                  Container(
                                    width: 132.0,
                                    height: 18.0,
                                    color: Colors.white,
                                  ),
                                ],
                              ),
                              Expanded(
                                child: Container(
                                    padding: EdgeInsets.only(top: 16.0),
                                    alignment: Alignment.bottomRight,
                                    child: Container(
                                      width: 90.0,
                                      height: 34.0,
                                      color: Colors.white,
                                    )),
                              )
                            ],
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
        )
      ],
    );
  }
}