sergey/GymLink_Flutter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: image carousel on web

Browse Source
This commit is contained in:
Sergey Elpashev
2024-05-31 15:07:52 +03:00
parent 1eeff4209e
commit 7335c55703
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
lib/pages/detail.dart
View File

@@ -163,6 +163,12 @@ class _DetailPageState extends State<DetailPage> {
}
}
double _getAspectRatio() {
double width = MediaQuery.sizeOf(context).width;
double height = MediaQuery.sizeOf(context).height;
return max(width, height) / min(width, height);
}
@override
Widget build(BuildContext context) {
return Scaffold(
@@ -191,7 +197,7 @@ class _DetailPageState extends State<DetailPage> {
child: Image.network(
item!.images[realIdx].url,
width: min(
800,
550,
MediaQuery.sizeOf(context)
.width)),
);
@@ -199,7 +205,10 @@ class _DetailPageState extends State<DetailPage> {
carouselController: _carouselController,
options: CarouselOptions(
enlargeCenterPage: true,
aspectRatio: 1,
height: min(
MediaQuery.sizeOf(context).height -
100,
400),
enableInfiniteScroll: false,
onPageChanged: (index, reason) {
setState(() {
@@ -239,7 +248,7 @@ class _DetailPageState extends State<DetailPage> {
])
: Image.network(item!.images[0].url,
width: min(
800, MediaQuery.sizeOf(context).width)),
550, MediaQuery.sizeOf(context).width)),
item!.description != ''
? Padding(
padding: const EdgeInsetsDirectional.all(30),