computiqtech · Saifl4l · Aug 28, 2022
diff --git a/assest/image/img.jpg b/assest/image/img.jpg
diff --git a/lib/Cart/CartList.dart b/lib/Cart/CartList.dart
@@ -0,0 +1,36 @@
+
+import 'package:book_store_app/Details_Book/DetailsBook.dart';
+import 'package:book_store_app/Home_Page/ContainerBook.dart';
+import 'package:book_store_app/data/DataBook.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+class ListCart extends StatelessWidget {
+  const ListCart({
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Expanded(
+      child: Stack(
+        children: [
+          Obx(() {
+            return ListView(
+              children:DataBook.Book.where((p0) => !p0.isCart.value).map((e) => GestureDetector(
+                onTap: (){
+                  Get.to(Details(data: e,));
+                },
+                child: Books(name:e.name,auther_name: e.auther_name,
+                  price: e.price,image: e.image,),
+              )).toList(),
+              // Books()
+
+            );
+          }
+          ),
+
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/Cart/NavigationCard.dart b/lib/Cart/NavigationCard.dart
@@ -0,0 +1,46 @@
+
+import 'package:book_store_app/Home_Page/home_page.dart';
+import 'package:book_store_app/PageAdd/page_add.dart';
+import 'package:book_store_app/data/dataicon.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+class NavigationCard extends StatelessWidget {
+  const NavigationCard({
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Positioned(
+      top: 430,
+      left: 100,
+      child: Container(
+        padding: EdgeInsets.all(15),
+        height: 72,
+        width: 227,
+        decoration: BoxDecoration(
+          color: Colors.white.withOpacity(0.2),
+          borderRadius: BorderRadius.circular(20),
+        ),
+
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children:DataIcon.list_icon.map((e) => GestureDetector(
+              onTap: (){
+                if(e.icon==Icons.shopping_cart) {
+
+                };
+                if(e.icon==Icons.add) {
+                  Get.to(AddPage());
+                };
+                if(e.icon==Icons.home) {
+                  Navigator.pop(context);
+                };
+              },
+              child: Icon(e.icon,color: Colors.black,))).toList(),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/Cart/cart_page.dart b/lib/Cart/cart_page.dart
@@ -0,0 +1,54 @@
+
+import 'package:book_store_app/Cart/CartList.dart';
+import 'package:book_store_app/Cart/NavigationCard.dart';
+import 'package:book_store_app/Details_Book/DetailsBook.dart';
+import 'package:book_store_app/Home_Page/ContainerBook.dart';
+import 'package:book_store_app/Home_Page/Navigation_Bar.dart';
+import 'package:book_store_app/data/DataBook.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+class CatPage extends StatefulWidget {
+  const CatPage({Key? key}) : super(key: key);
+
+  @override
+  State<CatPage> createState() => _CatPageState();
+}
+
+class _CatPageState extends State<CatPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Color(0xffE5E5E5),
+      appBar: AppBar(
+        backgroundColor: Color(0xffE5E5E5),
+        elevation: 0,
+        leading: TextButton(onPressed: (){
+          Navigator.pop(context);
+        },child: Container(
+            margin: EdgeInsets.only(left: 30,top: 20),
+            child: Icon(Icons.arrow_back_ios,color: Colors.black,)),),
+        actions: [
+          TextButton(onPressed: (){}, child: Container(
+              margin: EdgeInsets.only(right: 30,top: 20),
+              child: Icon(Icons.more_vert,color: Colors.black,)))
+        ],
+      ),
+      body: Column(
+        children: [
+          SizedBox(height: 70,),
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text("     Cart",style: TextStyle(fontSize: 30),),
+            ],
+          ),
+          ListCart(),
+          NavigationCard(),
+          SizedBox(height: 30,)
+        ],
+      ),
+    );
+  }
+}
+
+
diff --git a/lib/Details_Book/CartBotton.dart b/lib/Details_Book/CartBotton.dart
@@ -0,0 +1,36 @@
+
+import 'package:book_store_app/data/DataBook.dart';
+import 'package:flutter/material.dart';
+
+class CartBotton extends StatelessWidget {
+  const CartBotton({
+    Key? key,
+    required this.data,
+  }) : super(key: key);
+
+  final DataBook data;
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 50),
+      child: GestureDetector(
+        onTap: (){
+          data.isCart();
+        },
+        child: Container(
+            margin: EdgeInsets.only(top: 20),
+            height: 60,
+            width: 85,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(40),
+              color: Colors.black,
+            ),
+            child: Center(
+              child: Text("Buy Now For ${data.price}",style: TextStyle(fontSize: 15,color: Colors.white),),
+            )
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/Details_Book/DetailsBook.dart b/lib/Details_Book/DetailsBook.dart
@@ -0,0 +1,84 @@
+
+import 'package:book_store_app/Details_Book/CartBotton.dart';
+import 'package:book_store_app/Details_Book/ImageBook.dart';
+import 'package:book_store_app/Details_Book/descrption.dart';
+import 'package:flutter/material.dart';
+
+import '../data/DataBook.dart';
+
+class Details extends StatelessWidget {
+  const Details({Key? key, required this.data}) : super(key: key);
+  final DataBook data;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Color(0xffE5E5E5),
+      appBar: AppBar(
+        backgroundColor: Color(0xffE5E5E5),
+        elevation: 0,
+        leading: TextButton(onPressed: (){
+          Navigator.pop(context);
+        },child: Container(
+            margin: EdgeInsets.only(left: 30,top: 20),
+            child: Icon(Icons.arrow_back_ios,color: Colors.black,)),),
+        actions: [
+          TextButton(onPressed: (){}, child: Container(
+              margin: EdgeInsets.only(right: 30,top: 20),
+              child: Icon(Icons.more_vert,color: Colors.black,)))
+        ],
+      ),
+      body:ListView(
+        children: [
+          SizedBox(height: 30,),
+          ImageBook(data: data),
+          SizedBox(height: 20,),
+          Container(
+            height: 120,
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Text(data.name,style: TextStyle(fontSize: 30),),
+                Text(data.auther_name,style: TextStyle(color: Colors.black.withOpacity(0.8)),),
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Icon(Icons.star,color: Colors.amber,),
+                    Icon(Icons.star,color: Colors.amber,),
+                    Icon(Icons.star,color: Colors.amber,),
+                    Icon(Icons.star,color: Colors.white,),
+                    Text("  4.5/5"),
+                  ],
+                )
+              ],
+            ),
+          ),
+          descrption(data: data),
+          Container(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(vertical: 10,horizontal: 50),
+              child: Row(
+                children: [
+                  Icon(Icons.sort,size: 30,),
+                  Text("Preview",style: TextStyle(fontSize: 15),),
+                  Spacer(),
+                  Icon(Icons.chat_outlined,size: 28,),
+                  Text("Peviews",style: TextStyle(fontSize: 15),)
+
+                ],
+              ),
+            ),
+          ),
+          CartBotton(data: data)
+
+        ],
+      )
+    );
+  }
+}
+
+
+
+
+
+
diff --git a/lib/Details_Book/ImageBook.dart b/lib/Details_Book/ImageBook.dart
@@ -0,0 +1,21 @@
+
+import 'package:book_store_app/data/DataBook.dart';
+import 'package:flutter/material.dart';
+
+class ImageBook extends StatelessWidget {
+  const ImageBook({
+    Key? key,
+    required this.data,
+  }) : super(key: key);
+
+  final DataBook data;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Image.network(data.image),
+      ],
+    );
+  }
+}
diff --git a/lib/Details_Book/descrption.dart b/lib/Details_Book/descrption.dart
@@ -0,0 +1,21 @@
+
+
+import 'package:book_store_app/data/DataBook.dart';
+import 'package:flutter/material.dart';
+
+class descrption extends StatelessWidget {
+  const descrption({
+    Key? key,
+    required this.data,
+  }) : super(key: key);
+
+  final DataBook data;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.all(30),
+      child:Text(data.descrption,style: TextStyle(color:Colors.black.withOpacity(0.7)),),
+    );
+  }
+}
diff --git a/lib/Home_Page/ContainerBook.dart b/lib/Home_Page/ContainerBook.dart
@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+
+class Books extends StatelessWidget {
+  const Books({Key? key, required this.name, required this.auther_name, required this.price, required this.image,}) : super(key: key);
+
+  final String name;
+  final String auther_name;
+  final String price;
+  final String image;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 150,
+      margin: EdgeInsets.all(10),
+      decoration: BoxDecoration(
+        color: Color(0xffE5E5E5),
+        borderRadius: BorderRadius.circular(10),
+      ),
+      child: Row(
+        children: [
+          Column(
+            children: [
+              Image.network(
+                image,
+                height: 150,
+
+              ),
+
+            ],
+          ),
+          Padding(
+            padding: const EdgeInsets.all(15.0),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Text(name),
+                Text(auther_name),
+                Text(price),
+                Row(
+                  children: [
+                    Icon(Icons.star,color: Colors.amber,),
+                    Icon(Icons.star,color: Colors.amber,),
+                    Icon(Icons.star,color: Colors.amber,),
+                    Icon(Icons.star,color: Colors.white,),
+                  ],
+                ),
+              ],
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}