Skip to content

B
Byodv2
Commit 41f23cb1 authored by Dio Maulana's avatar Dio Maulana
Browse files
Options

new shimmer

parent 19065023
Show whitespace changes
Inline Side-by-side
Showing with 173 additions and 8 deletions
lib/ui/home/new_home2.dart
View file @ 41f23cb1
...@@ -31,6 +31,7 @@ import 'fav_grid_menu.dart'; ...@@ -31,6 +31,7 @@ import 'fav_grid_menu.dart';
import 'fav_list.dart'; import 'fav_list.dart';
import 'package:byod/models/category_list.dart'; import 'package:byod/models/category_list.dart';
import 'shimmer_menu.dart'; import 'shimmer_menu.dart';
import 'shimmer_menu_new.dart';
class NewHome2 extends StatefulWidget { class NewHome2 extends StatefulWidget {
const NewHome2({Key? key}) : super(key: key); const NewHome2({Key? key}) : super(key: key);
...@@ -314,6 +315,12 @@ class _NewHome2State extends State<NewHome2> { ...@@ -314,6 +315,12 @@ class _NewHome2State extends State<NewHome2> {
.selectedBarMenu(0, categoryList[0].id); .selectedBarMenu(0, categoryList[0].id);
} }
} }
} else {
return ScreenResponsive(
widget: const ShimmerMenuNew(),
widthScreen: MediaQuery.of(context).size.width,
isCoreLayout: true,
);
} }
return BlocBuilder<FavSelectedBar, return BlocBuilder<FavSelectedBar,
...@@ -545,10 +552,7 @@ class _NewHome2State extends State<NewHome2> { ...@@ -545,10 +552,7 @@ class _NewHome2State extends State<NewHome2> {
"Something Went Wrong With Our Server") "Something Went Wrong With Our Server")
: (restoran == responseApiWaiting) : (restoran == responseApiWaiting)
? ScreenResponsive( ? ScreenResponsive(
widget: ShimmerMenu( widget: const ShimmerMenuNew(),
widthScreen: widthScreen,
maxWidthScreen: maxWidthScreen,
context: context),
widthScreen: widthScreen:
MediaQuery.of(context).size.width, MediaQuery.of(context).size.width,
isCoreLayout: true, isCoreLayout: true,
......
lib/ui/home/shimmer_menu_new.dart 0 → 100644
View file @ 41f23cb1
// ignore_for_file: sized_box_for_whitespace
import 'package:flutter/material.dart';
import 'package:shimmer/shimmer.dart';
import '../../helper/helper.dart';
class ShimmerMenuNew extends StatelessWidget {
const ShimmerMenuNew({super.key});
@override
Widget build(BuildContext context) {
return const CoreShimmer();
}
}
class CoreShimmer extends StatelessWidget {
const CoreShimmer({super.key});
@override
Widget build(BuildContext context) {
double widthScreen = responsiveWidthScreen(context);
return Shimmer.fromColors(
baseColor: baseColorShimmer,
highlightColor: highlightColorShimmer,
child: Container(
width: widthScreen,
height: MediaQuery.of(context).size.height,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Center(
child: Container(
margin: const EdgeInsets.only(
top: 16, left: paddingLeftRight, right: paddingLeftRight),
width: 209,
height: 80,
color: Colors.black,
),
),
Container(
margin: const EdgeInsets.only(top: 22, left: 20, right: 20),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
width: 66,
height: 20,
color: Colors.black,
),
Container(
width: 66,
height: 20,
color: Colors.black,
),
],
),
),
listNamaCategory(widthScreen),
Container(
margin: const EdgeInsets.only(top: 8, left: 20, right: 20),
height: 227,
width: widthScreen,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: 5,
itemBuilder: (context, i) {
return Container(
margin: const EdgeInsets.only(right: 16),
height: 227,
width: 136,
color: Colors.black,
);
}),
),
Container(
margin: const EdgeInsets.only(top: 10, left: 20, right: 20),
height: 20,
width: 58,
color: Colors.black,
),
listNamaCategory(widthScreen),
Expanded(
child: ListView.builder(
itemCount: 5,
itemBuilder: (context, i) {
return Container(
margin: const EdgeInsets.only(top: 20, left: 20, right: 20),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
height: 125,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
width: 152,
height: 14,
color: Colors.black,
),
Container(
width: 80,
height: 14,
color: Colors.black,
),
],
),
),
Container(
width: 125,
height: 125,
color: Colors.black,
)
],
),
);
},
),
)
],
),
// child: Expanded(
// child: Container(
// padding: const EdgeInsets.only(
// top: 16,
// ),
// child: Row(
// children: [
// const Spacer(),
// Container(
// width: 209,
// height: 80,
// color: Colors.black,
// ),
// const Spacer(),
// ],
// ),
// ),
// ),
),
);
}
Container listNamaCategory(double widthScreen) {
return Container(
margin: const EdgeInsets.only(top: 22, left: 20, right: 20),
height: 20,
width: widthScreen,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: 5,
itemBuilder: (context, i) {
return Container(
margin: const EdgeInsets.only(right: 25),
height: 20,
width: 100,
color: Colors.black,
);
}),
);
}
}
lib/ui/splash.dart
View file @ 41f23cb1
...@@ -15,6 +15,7 @@ import '../main.dart'; ...@@ -15,6 +15,7 @@ import '../main.dart';
import 'package:flutter/services.dart' as bundle_root; import 'package:flutter/services.dart' as bundle_root;
import 'home/new_home2.dart'; import 'home/new_home2.dart';
import 'home/shimmer_menu.dart'; import 'home/shimmer_menu.dart';
import 'home/shimmer_menu_new.dart';
import 'screen_responsive.dart'; import 'screen_responsive.dart';
class Splash extends StatefulWidget { class Splash extends StatefulWidget {
...@@ -141,10 +142,7 @@ class _SplashState extends State<Splash> { ...@@ -141,10 +142,7 @@ class _SplashState extends State<Splash> {
// ), // ),
// ), // ),
body: ScreenResponsive( body: ScreenResponsive(
widget: ShimmerMenu( widget: const ShimmerMenuNew(),
widthScreen: widthScreen,
maxWidthScreen: maxWidthScreen,
context: context),
widthScreen: MediaQuery.of(context).size.width, widthScreen: MediaQuery.of(context).size.width,
isCoreLayout: true, isCoreLayout: true,
), ),
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment