design : make carousel responsive

2024-Saphy · Oct 29, 2024 · aee3f50 · aee3f50
1 parent 2fa5580
commit aee3f50
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/lib/screens/main/main_screen.dart b/lib/screens/main/main_screen.dart
@@ -51,6 +51,7 @@ class _MainScreenState extends State<MainScreen> {
 
   @override
   Widget build(BuildContext context) {
+    double screenHeight = MediaQuery.of(context).size.height;
     return Scaffold(
       appBar: AppBar(
         centerTitle: false,
@@ -86,8 +87,8 @@ class _MainScreenState extends State<MainScreen> {
       backgroundColor: altWhite,
       body: CustomScrollView(
         slivers: [
-          const SliverToBoxAdapter(
-            child: Carousel(),
+          SliverToBoxAdapter(
+            child: Carousel(screenHeight: screenHeight),
           ),
           SliverToBoxAdapter(
             child: Padding(

diff --git a/lib/widgets/carousel.dart b/lib/widgets/carousel.dart
@@ -5,7 +5,8 @@ import 'package:saphy/utils/colors.dart';
 import 'package:saphy/utils/textstyles.dart';
 
 class Carousel extends StatelessWidget {
-  const Carousel({super.key});
+  double screenHeight;
+  Carousel({super.key, required this.screenHeight});
 
   @override
   Widget build(BuildContext context) {
@@ -30,7 +31,7 @@ class Carousel extends StatelessWidget {
       child: CarouselSlider.builder(
         itemCount: itemList.length,
         options: CarouselOptions(
-          height: 575,
+          height: screenHeight * 0.6,
           viewportFraction: 1,
           enlargeCenterPage: false,
           autoPlay: true,