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/ImagePreviewScreen.dart
+++ b/news-app/lib/ui/screens/ImagePreviewScreen.dart
@@ -0,0 +1,125 @@
+// ignore: must_be_immutable
+
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:news/utils/uiUtils.dart';
+import 'package:photo_view/photo_view.dart';
+
+class ImagePreview extends StatefulWidget {
+  final int index;
+  final List<String> imgList;
+
+  const ImagePreview({super.key, required this.index, required this.imgList});
+
+  @override
+  State<StatefulWidget> createState() => StatePreview();
+
+  static Route route(RouteSettings routeSettings) {
+    final arguments = routeSettings.arguments as Map<String, dynamic>;
+    return CupertinoPageRoute(builder: (_) => ImagePreview(index: arguments['index'], imgList: arguments['imgList']));
+  }
+}
+
+class StatePreview extends State<ImagePreview> {
+  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
+  int? curPos;
+
+  @override
+  void initState() {
+    super.initState();
+
+    curPos = widget.index;
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        key: _scaffoldKey,
+        body: Stack(
+          children: <Widget>[
+            PageView.builder(
+                itemCount: widget.imgList.length,
+                controller: PageController(initialPage: curPos!),
+                onPageChanged: (index) async {
+                  setState(() {
+                    curPos = index;
+                  });
+                },
+                itemBuilder: (BuildContext context, int index) {
+                  return PhotoView(
+                      backgroundDecoration: BoxDecoration(color: Theme.of(context).colorScheme.secondary),
+                      initialScale: PhotoViewComputedScale.contained * 0.9,
+                      minScale: PhotoViewComputedScale.contained * 0.9,
+                      imageProvider: NetworkImage(widget.imgList[index]));
+                }),
+            Positioned.directional(
+                top: 35,
+                start: 20.0,
+                textDirection: Directionality.of(context),
+                child: InkWell(
+                  onTap: () {
+                    Navigator.of(context).pop();
+                  },
+                  child: ClipRRect(
+                      borderRadius: BorderRadius.circular(22.0),
+                      child: Container(
+                          height: 35,
+                          width: 35,
+                          alignment: Alignment.center,
+                          decoration: BoxDecoration(color: UiUtils.getColorScheme(context).primaryContainer, shape: BoxShape.circle),
+                          child: Icon(
+                            Icons.keyboard_backspace_rounded,
+                            color: UiUtils.getColorScheme(context).surface,
+                          ))),
+                )),
+            Positioned(bottom: 10.0, left: 25.0, right: 25.0, child: SelectedPhoto(numberOfDots: widget.imgList.length, photoIndex: curPos!))
+          ],
+        ));
+  }
+}
+
+class SelectedPhoto extends StatelessWidget {
+  final int? numberOfDots;
+  final int? photoIndex;
+
+  const SelectedPhoto({super.key, this.numberOfDots, this.photoIndex});
+
+  Widget _inactivePhoto(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsetsDirectional.only(start: 3.0, end: 3.0),
+      child: Container(height: 8.0, width: 8.0, decoration: BoxDecoration(color: Theme.of(context).primaryColor.withOpacity(0.4), borderRadius: BorderRadius.circular(4.0))),
+    );
+  }
+
+  Widget _activePhoto(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.only(left: 5.0, right: 5.0),
+      child: Container(
+        height: 10.0,
+        width: 10.0,
+        decoration:
+            BoxDecoration(color: Theme.of(context).primaryColor, borderRadius: BorderRadius.circular(10.0), boxShadow: const [BoxShadow(color: Colors.grey, spreadRadius: 0.0, blurRadius: 2.0)]),
+      ),
+    );
+  }
+
+  List<Widget> _buildDots(BuildContext context) {
+    List<Widget> dots = [];
+    for (int i = 0; i < numberOfDots!; i++) {
+      dots.add(i == photoIndex ? _activePhoto(context) : _inactivePhoto(context));
+    }
+    return dots;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Row(mainAxisAlignment: MainAxisAlignment.center, children: _buildDots(context)),
+    );
+  }
+}