elCaribe app - customization and branding

2025-12-12 19:09:42 -04:00
parent 9e5d0d8ebf
commit ba7deac9f3
402 changed files with 31833 additions and 0 deletions
--- a/news-app/lib/ui/screens/NewsDetail/Widgets/ImageView.dart
+++ b/news-app/lib/ui/screens/NewsDetail/Widgets/ImageView.dart
@@ -0,0 +1,98 @@
+import 'package:flutter/material.dart';
+import 'package:news/ui/styles/colors.dart';
+import 'package:news/ui/widgets/networkImage.dart';
+import '../../../../app/routes.dart';
+import '../../../../data/models/BreakingNewsModel.dart';
+import '../../../../data/models/NewsModel.dart';
+
+class ImageView extends StatefulWidget {
+  final NewsModel? model;
+  final BreakingNewsModel? breakModel;
+  final bool isFromBreak;
+
+  const ImageView({super.key, this.model, this.breakModel, required this.isFromBreak});
+
+  @override
+  ImageViewState createState() => ImageViewState();
+}
+
+class ImageViewState extends State<ImageView> {
+  List<String> allImage = [];
+  int _curSlider = 0;
+
+  @override
+  void initState() {
+    allImage.clear();
+    if (!widget.isFromBreak) {
+      allImage.add(widget.model!.image!);
+      if (widget.model!.imageDataList!.isNotEmpty) {
+        for (int i = 0; i < widget.model!.imageDataList!.length; i++) {
+          allImage.add(widget.model!.imageDataList![i].otherImage!);
+        }
+      }
+    } else {
+      allImage.add(widget.breakModel!.image!);
+    }
+    super.initState();
+  }
+
+  Widget imageView() {
+    return SizedBox(
+        height: MediaQuery.of(context).size.height * 0.40,
+        width: double.maxFinite,
+        child: !widget.isFromBreak
+            ? PageView.builder(
+                itemCount: allImage.length,
+                onPageChanged: (index) {
+                  setState(() {
+                    _curSlider = index;
+                  });
+                },
+                itemBuilder: (BuildContext context, int index) {
+                  return InkWell(
+                    child: CustomNetworkImage(networkImageUrl: allImage[index], width: double.infinity, height: MediaQuery.of(context).size.height * 0.42, isVideo: false, fit: BoxFit.cover),
+                    onTap: () {
+                      Navigator.of(context).pushNamed(Routes.imagePreview, arguments: {"index": index, "imgList": allImage});
+                    },
+                  );
+                })
+            : CustomNetworkImage(networkImageUrl: widget.breakModel!.image!, width: double.infinity, height: MediaQuery.of(context).size.height * 0.42, isVideo: false, fit: BoxFit.cover));
+  }
+
+  List<T> map<T>(List list, Function handler) {
+    List<T> result = [];
+    for (var i = 0; i < list.length; i++) {
+      result.add(handler(i, list[i]));
+    }
+
+    return result;
+  }
+
+  Widget imageSliderDot() {
+    if (!widget.isFromBreak && allImage.length > 1) {
+      return Align(
+          alignment: Alignment.bottomCenter,
+          child: Container(
+              margin: EdgeInsets.only(top: MediaQuery.of(context).size.height / 2.6 - 32),
+              child: Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: map<Widget>(allImage, (index, url) {
+                    return Container(
+                        width: _curSlider == index ? 10.0 : 8.0,
+                        height: _curSlider == index ? 10.0 : 8.0,
+                        margin: const EdgeInsets.symmetric(horizontal: 1.0),
+                        decoration: BoxDecoration(
+                            shape: BoxShape.circle,
+                            boxShadow: (_curSlider == index) ? const [BoxShadow(color: Colors.grey, spreadRadius: 0.0, blurRadius: 2.0)] : [],
+                            color: _curSlider == index ? secondaryColor : secondaryColor.withOpacity((0.5))));
+                  }))));
+    } else {
+      return const SizedBox.shrink();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(children: [imageView(), imageSliderDot()]);
+  }
+}