Add text to indicate that we are loading photos from device

This commit is contained in:
vishnukvmd 2022-06-11 11:56:34 +05:30
parent 4b9bd64bc1
commit 08a89ace39
2 changed files with 31 additions and 17 deletions

View file

@ -117,6 +117,10 @@ extension CustomColorScheme on ColorScheme {
Color get toastBackgroundColor => brightness == Brightness.light
? Color.fromRGBO(24, 24, 24, 0.95)
: Color.fromRGBO(255, 255, 255, 0.95);
Color get subTextColor => brightness == Brightness.light
? Color.fromRGBO(180, 180, 180, 1)
: Color.fromRGBO(100, 100, 100, 1);
}
OutlinedButtonThemeData buildOutlinedButtonThemeData(

View file

@ -89,23 +89,33 @@ class _LoadingPhotosWidgetState extends State<LoadingPhotosWidget> {
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Stack(alignment: Alignment.center, children: [
isLightMode
? Image.asset(
'assets/loading_photos_light.png',
color: Colors.white.withOpacity(0.5),
colorBlendMode: BlendMode.modulate,
)
: Image.asset(
'assets/loading_photos_light.png',
color: Colors.white.withOpacity(0.25),
colorBlendMode: BlendMode.modulate,
),
Lottie.asset(
'assets/loadingGalleryLottie.json',
height: 400,
)
]),
Stack(
alignment: Alignment.center,
children: [
isLightMode
? Image.asset(
'assets/loading_photos_light.png',
color: Colors.white.withOpacity(0.5),
colorBlendMode: BlendMode.modulate,
)
: Image.asset(
'assets/loading_photos_light.png',
color: Colors.white.withOpacity(0.25),
colorBlendMode: BlendMode.modulate,
),
Lottie.asset(
'assets/loadingGalleryLottie.json',
height: 400,
)
],
),
Text(
"Loading your photos...",
style: TextStyle(
color: Theme.of(context).colorScheme.subTextColor,
),
),
Padding(padding: EdgeInsets.all(36)),
Column(
children: [
Row(