task: photoView on swipe image -details

Atuoha · Oct 7, 2022 · 79ea302 · 79ea302
1 parent 9d22d73
commit 79ea302
Show file tree

Hide file tree

Showing 19 changed files with 24 additions and 5 deletions.
diff --git a/lib/main.dart b/lib/main.dart
@@ -4,6 +4,7 @@ import 'package:firebase_auth/firebase_auth.dart';
 import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/material.dart';
 import 'package:multivendor_shop/views/splash/entry.dart';
+import 'constants/colors.dart';
 import 'routes/routes.dart';
 import 'firebase_options.dart';
 
@@ -29,7 +30,10 @@ class _MultiVendorState extends State<MultiVendor> {
   Widget build(BuildContext context) {
     return MaterialApp(
       title: 'MultiVendor App',
-      theme: ThemeData(fontFamily: 'Roboto'),
+      theme: ThemeData(
+        fontFamily: 'Roboto',
+        primaryColor: primaryColor,
+      ),
       debugShowCheckedModeBanner: false,
       home: const EntryScreen(),
       routes: routes,

diff --git a/lib/views/main/product/details.dart b/lib/views/main/product/details.dart
@@ -5,6 +5,7 @@ import 'package:flutter/services.dart';
 import 'package:multivendor_shop/components/loading.dart';
 import '../../../constants/colors.dart';
 import 'package:flutter_swiper_null_safety/flutter_swiper_null_safety.dart';
+import 'package:photo_view/photo_view.dart';
 
 class DetailsScreen extends StatefulWidget {
   const DetailsScreen({
@@ -49,7 +50,7 @@ class _DetailsScreenState extends State<DetailsScreen> {
 
     final Stream<QuerySnapshot> similarProducts = firestore
         .collection('products')
-        .where('sub_category', isEqualTo: product['sub_category'])
+        .where('category', isEqualTo: product['category'])
         .snapshots();
 
     return Scaffold(
@@ -117,9 +118,15 @@ class _DetailsScreenState extends State<DetailsScreen> {
                   builder: SwiperPagination.dots,
                 ),
                 itemCount: product['images'].length,
-                itemBuilder: (context, index) => Image.network(
-                  product['images'][index],
-                  fit: BoxFit.cover,
+                itemBuilder: (context, index) => PhotoView(
+                  backgroundDecoration: const BoxDecoration(
+                    color: Colors.transparent,
+                  ),
+                  maxScale: 100.0,
+                  imageProvider: NetworkImage(
+                    product['images'][index],
+                    // fit: BoxFit.cover,
+                  ),
                 ),
               ),
             ),

diff --git a/pubspec.lock b/pubspec.lock
@@ -457,6 +457,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "5.0.0"
+  photo_view:
+    dependency: "direct main"
+    description:
+      name: photo_view
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.14.0"
   platform:
     dependency: transitive
     description:

diff --git a/pubspec.yaml b/pubspec.yaml
@@ -48,6 +48,7 @@ dependencies:
   carousel_slider: ^4.1.1
   path: ^1.8.1
   flutter_swiper_null_safety: ^1.0.2
+  photo_view: ^0.14.0
 
 dev_dependencies:
   flutter_test:

diff --git a/...nshots/New folder/children_collection.png → screenshots/children_collection.png b/...nshots/New folder/children_collection.png → screenshots/children_collection.png
diff --git a/screenshots/detail_1_1_2.png b/screenshots/detail_1_1_2.png
diff --git a/screenshots/detail_2.png b/screenshots/detail_2.png
diff --git a/screenshots/detail_2_2.png b/screenshots/detail_2_2.png
diff --git a/screenshots/detail_2_2_2.png b/screenshots/detail_2_2_2.png
diff --git a/screenshots/detail_3.png b/screenshots/detail_3.png
diff --git a/screenshots/detail_3_3.png b/screenshots/detail_3_3.png
diff --git a/screenshots/detail_4.png b/screenshots/detail_4.png
diff --git a/screenshots/detail_4_4.png b/screenshots/detail_4_4.png
diff --git a/screenshots/details_1.png b/screenshots/details_1.png
diff --git a/screenshots/detial_1_1.png b/screenshots/detial_1_1.png
diff --git a/screenshots/New folder/men_collection.png → screenshots/men_collection.png b/screenshots/New folder/men_collection.png → screenshots/men_collection.png
diff --git a/screenshots/New folder/other_collection.png → screenshots/other_collection.png b/screenshots/New folder/other_collection.png → screenshots/other_collection.png
diff --git a/...shots/New folder/sneakers_collections.png → screenshots/sneakers_collections.png b/...shots/New folder/sneakers_collections.png → screenshots/sneakers_collections.png
diff --git a/screenshots/New folder/women_collection.png → screenshots/women_collection.png b/screenshots/New folder/women_collection.png → screenshots/women_collection.png