From 1e4ae8e5dbec122d87c4f633940cfe3f9ea3bce4 Mon Sep 17 00:00:00 2001 From: MohammadTaha Basiri Date: Wed, 5 Jan 2022 16:28:44 +0330 Subject: [PATCH] shimmer placeholder component --- lib/widgets/shimmer_placeholder.dart | 34 ++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 lib/widgets/shimmer_placeholder.dart diff --git a/lib/widgets/shimmer_placeholder.dart b/lib/widgets/shimmer_placeholder.dart new file mode 100644 index 0000000..502c094 --- /dev/null +++ b/lib/widgets/shimmer_placeholder.dart @@ -0,0 +1,34 @@ +import 'package:didvan/config/design_config.dart'; +import 'package:didvan/config/theme_data.dart'; +import 'package:flutter/material.dart'; +import 'package:skeleton_text/skeleton_text.dart'; + +class ShimmerPlaceholder extends StatelessWidget { + final double? height; + final double? width; + final BorderRadius borderRadius; + + const ShimmerPlaceholder({ + Key? key, + this.height, + this.width, + this.borderRadius = DesignConfig.lowBorderRadius, + }) : super(key: key); + + @override + Widget build(BuildContext context) { + return SkeletonAnimation( + borderRadius: borderRadius, + shimmerColor: Theme.of(context).colorScheme.secondCTA, + gradientColor: Theme.of(context).colorScheme.cardBorder, + child: Container( + height: height, + width: width, + decoration: BoxDecoration( + color: Theme.of(context).colorScheme.disabledBackground, + borderRadius: borderRadius, + ), + ), + ); + } +}