Update project

README.md

@@ -1,31 +1,29 @@
-# Flutter Complete e-commerce Application UI Design and Animation
+## Flutter e-commerce Application UI Design and Animation
 
-Flutter Complete e-commerce Application UI Design and Animation - day 16 Flutter Animation and UI Design.
+A part of #flutter100daysofcode. Let's create a beautiful and animated e-commerce UI with Flutter.
 
-This repository is a part of the 100-day design in Flutter.
+[Watch it on Youtube](https://youtu.be/_10i7_xsthM)
 
-In this video we use, Flutter Animation, Fade, BoxShadow, TextField, Gradient, LinearGradient and so on in the one-speed video.
 
-[Youtube Video](https://youtu.be/_10i7_xsthM)
+## Previous Designs
+[Checkout my Youtube channel](https://youtube.com/afgprogrammer)
 
-## Last Design
-- [UI Design- Day 1](https://github.com/afgprogrammer/flutter-inspiration-app-ui)
-- [UI Design- Day 2](https://github.com/afgprogrammer/Flutter-trip-app-ui)
-- [UI Design- Day 3](https://github.com/afgprogrammer/Flutter-food-delivery-app-ui)
-- [UI Design- Day 4](https://github.com/afgprogrammer/Flutter-actors-profile-app-ui)
-- [UI Design- Day 5](https://github.com/afgprogrammer/Flutter-ripple-map-application)
-- [UI Design- Day 6](https://github.com/afgprogrammer/Flutter-page-transition-animation)
-- [UI Design- Day 7](https://github.com/afgprogrammer/Flutter-button-animation)
-- [UI Design- Day 8](https://github.com/afgprogrammer/Flutter-Splash-Screen-Animation)
-- [UI Design- Day 9](https://github.com/afgprogrammer/Flutter-Party-Event-Application)
-- [UI Design- Day 10](https://github.com/afgprogrammer/Flutter-GridView-Example-UI)
-- [UI Design- Day 11](https://github.com/afgprogrammer/Flutter-Travel-Application)
-- [UI Design- Day 12](https://github.com/afgprogrammer/Flutter-Login-Page-UI)
-- [UI Design- Day 13](https://github.com/afgprogrammer/Flutter-Login-Page-Design)
-- [UI Design- Day 14](https://github.com/afgprogrammer/Flutter-Login-Page-3)
-- [UI Design- Day 15](https://github.com/afgprogrammer/Flutter-Shoes-Shop-App)
+<br>
+
+## Development Setup
+Clone the repository and run the following commands:
+```
+flutter pub get
+flutter run
+```
 
 ## ScreenShot
 
 <img src="assets/screenshot/one.png" height="500em" />&nbsp;<img src="assets/screenshot/two.png" height="500em" />
 
+## Links
+
+* [Website](https://afgprogrammer.com)
+* [Youtube channel](https://youtube.com/afgprogrammer)
+* [Twitter](https://twitter.com/afgprogrammer)
+* [Instagram](https://instagram.com/afgprogrammer)

ios/Flutter/AppFrameworkInfo.plist

@@ -21,6 +21,6 @@
   <key>CFBundleVersion</key>
   <string>1.0</string>
   <key>MinimumOSVersion</key>
-  <string>8.0</string>
+  <string>11.0</string>
 </dict>
 </plist>

ios/Runner.xcodeproj/project.pbxproj

@@ -3,17 +3,13 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 46;
+	objectVersion = 54;
 	objects = {
 
 /* Begin PBXBuildFile section */
 		1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; };
 		3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; };
-		3B80C3941E831B6300D905FE /* App.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 3B80C3931E831B6300D905FE /* App.framework */; };
-		3B80C3951E831B6300D905FE /* App.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 3B80C3931E831B6300D905FE /* App.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
 		74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; };
-		9705A1C61CF904A100538489 /* Flutter.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9740EEBA1CF902C7004384FC /* Flutter.framework */; };
-		9705A1C71CF904A300538489 /* Flutter.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 9740EEBA1CF902C7004384FC /* Flutter.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
 		9740EEB41CF90195004384FC /* Debug.xcconfig in Resources */ = {isa = PBXBuildFile; fileRef = 9740EEB21CF90195004384FC /* Debug.xcconfig */; };
 		97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
 		97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
@@ -27,8 +23,6 @@
 			dstPath = "";
 			dstSubfolderSpec = 10;
 			files = (
-				3B80C3951E831B6300D905FE /* App.framework in Embed Frameworks */,
-				9705A1C71CF904A300538489 /* Flutter.framework in Embed Frameworks */,
 			);
 			name = "Embed Frameworks";
 			runOnlyForDeploymentPostprocessing = 0;
@@ -39,13 +33,11 @@
 		1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = "<group>"; };
 		1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = "<group>"; };
 		3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = "<group>"; };
-		3B80C3931E831B6300D905FE /* App.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = App.framework; path = Flutter/App.framework; sourceTree = "<group>"; };
 		74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = "<group>"; };
 		74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = "<group>"; };
 		9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = "<group>"; };
 		9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = "<group>"; };
-		9740EEBA1CF902C7004384FC /* Flutter.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = Flutter.framework; path = Flutter/Flutter.framework; sourceTree = "<group>"; };
 		97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		97C146FB1CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
 		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
@@ -58,8 +50,6 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				9705A1C61CF904A100538489 /* Flutter.framework in Frameworks */,
-				3B80C3941E831B6300D905FE /* App.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -69,9 +59,7 @@
 		9740EEB11CF90186004384FC /* Flutter */ = {
 			isa = PBXGroup;
 			children = (
-				3B80C3931E831B6300D905FE /* App.framework */,
 				3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */,
-				9740EEBA1CF902C7004384FC /* Flutter.framework */,
 				9740EEB21CF90195004384FC /* Debug.xcconfig */,
 				7AFA3C8E1D35360C0083082E /* Release.xcconfig */,
 				9740EEB31CF90195004384FC /* Generated.xcconfig */,
@@ -148,7 +136,7 @@
 		97C146E61CF9000F007C117D /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 1020;
+				LastUpgradeCheck = 1430;
 				ORGANIZATIONNAME = "The Chromium Authors";
 				TargetAttributes = {
 					97C146ED1CF9000F007C117D = {
@@ -193,20 +181,23 @@
 /* Begin PBXShellScriptBuildPhase section */
 		3B06AD1E1E4923F5004D2608 /* Thin Binary */ = {
 			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputPaths = (
+				"${TARGET_BUILD_DIR}/${INFOPLIST_PATH}",
 			);
 			name = "Thin Binary";
 			outputPaths = (
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" thin";
+			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" embed_and_thin";
 		};
 		9740EEB61CF901F6004384FC /* Run Script */ = {
 			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
 			buildActionMask = 2147483647;
 			files = (
 			);
@@ -255,7 +246,6 @@
 /* Begin XCBuildConfiguration section */
 		249021D3217E4FDB00AE95B9 /* Profile */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -295,7 +285,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -331,7 +321,6 @@
 		};
 		97C147031CF9000F007C117D /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -377,7 +366,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -387,7 +376,6 @@
 		};
 		97C147041CF9000F007C117D /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -427,7 +415,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";

ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1020"
+   LastUpgradeVersion = "1430"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"

ios/Runner/Info.plist

@@ -41,5 +41,9 @@
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
+	<key>CADisableMinimumFrameDurationOnPhone</key>
+	<true/>
+	<key>UIApplicationSupportsIndirectInputEvents</key>
+	<true/>
 </dict>
 </plist>

lib/Pages/CategoryPage.dart

@@ -1,12 +1,12 @@
-import 'package:day16_shopping/Animation/FadeAnimation.dart';
+import 'package:animate_do/animate_do.dart';
 import 'package:flutter/material.dart';
 
 class CategoryPage extends StatefulWidget {
-  final String title;
-  final String image;
-  final String tag;
+  final String? title;
+  final String? image;
+  final String? tag;
 
-  const CategoryPage({Key key, this.title, this.image, this.tag}) : super(key: key);
+  const CategoryPage({Key? key, this.title, this.image, this.tag}) : super(key: key);
 
   @override
   _CategoryPageState createState() => _CategoryPageState();
@@ -21,13 +21,13 @@ class _CategoryPageState extends State<CategoryPage> {
         child: Column(
           children: <Widget>[
             Hero(
-              tag: widget.tag,
+              tag: widget.tag!,
               child: Material(
                 child: Container(
-                  height: 250,
+                  height: 360,
                   decoration: BoxDecoration(
                     image: DecorationImage(
-                      image: AssetImage(widget.image),
+                      image: AssetImage(widget.image!),
                       fit: BoxFit.cover
                     )
                   ),
@@ -57,13 +57,13 @@ class _CategoryPageState extends State<CategoryPage> {
                             Row(
                               mainAxisAlignment: MainAxisAlignment.end,
                               children: <Widget>[
-                                FadeAnimation(1.2, IconButton(
+                                FadeInUp(duration: Duration(milliseconds: 1200), child: IconButton(
                                   icon: Icon(Icons.search, color: Colors.white,), onPressed: () {},
                                 )),
-                                FadeAnimation(1.2, IconButton(
+                                FadeInUp(duration: Duration(milliseconds: 1200), child: IconButton(
                                   icon: Icon(Icons.favorite, color: Colors.white,), onPressed: () {},
                                 )),
-                                FadeAnimation(1.3, IconButton(
+                                FadeInUp(duration: Duration(milliseconds: 1300), child: IconButton(
                                   icon: Icon(Icons.shopping_cart, color: Colors.white,), onPressed: () {},
                                 )),
                               ],
@@ -73,7 +73,7 @@ class _CategoryPageState extends State<CategoryPage> {
                         SizedBox(
                           height: 40,
                         ),
-                        FadeAnimation(1.2, Text(widget.title, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 40),))
+                        FadeInUp(duration: Duration(milliseconds: 1200), child: Text(widget.title!, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 40),))
                       ],
                     ),
                   ),
@@ -84,7 +84,7 @@ class _CategoryPageState extends State<CategoryPage> {
               padding: EdgeInsets.all(20),
               child: Column(
                 children: <Widget>[
-                  FadeAnimation(1.4, Row(
+                  FadeInUp(duration: Duration(milliseconds: 1400), child: Row(
                     mainAxisAlignment: MainAxisAlignment.spaceBetween,
                     children: <Widget>[
                       Text("New Product", style: TextStyle(color: Colors.black, fontSize: 18, fontWeight: FontWeight.bold),),
@@ -98,11 +98,11 @@ class _CategoryPageState extends State<CategoryPage> {
                     ],
                   )),
                   SizedBox(height: 20,),
-                  FadeAnimation(1.5, makeProduct(image: 'assets/images/beauty-1.jpg', title: 'Beauty', price: '100\$')),
-                  FadeAnimation(1.6, makeProduct(image: 'assets/images/clothes-1.jpg', title: 'Clothes', price: '100\$')),
-                  FadeAnimation(1.7, makeProduct(image: 'assets/images/glass.jpg', title: 'Glass', price: '100\$')),
-                  FadeAnimation(1.8, makeProduct(image: 'assets/images/perfume.jpg', title: 'Perfume', price: '100\$')),
-                  FadeAnimation(1.9, makeProduct(image: 'assets/images/person.jpg', title: 'Person', price: '100\$')),
+                  FadeInUp(duration: Duration(milliseconds: 1500), child:  makeProduct(image: 'assets/images/beauty-1.jpg', title: 'Beauty', price: '100\$')),
+                  FadeInUp(duration: Duration(milliseconds: 1600), child:  makeProduct(image: 'assets/images/clothes-1.jpg', title: 'Clothes', price: '100\$')),
+                  FadeInUp(duration: Duration(milliseconds: 1700), child:  makeProduct(image: 'assets/images/glass.jpg', title: 'Glass', price: '100\$')),
+                  FadeInUp(duration: Duration(milliseconds: 1800), child:  makeProduct(image: 'assets/images/perfume.jpg', title: 'Perfume', price: '100\$')),
+                  FadeInUp(duration: Duration(milliseconds: 1900), child:  makeProduct(image: 'assets/images/person.jpg', title: 'Person', price: '100\$')),
                 ],
               ),
             )
@@ -140,7 +140,7 @@ class _CategoryPageState extends State<CategoryPage> {
           crossAxisAlignment: CrossAxisAlignment.start,
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: <Widget>[
-            FadeAnimation(1.4, Align(
+            FadeInUp(duration: Duration(milliseconds: 1400), child: Align(
               alignment: Alignment.topRight,
               child: Icon(Icons.favorite_border, color: Colors.white,),
             )),
@@ -151,11 +151,11 @@ class _CategoryPageState extends State<CategoryPage> {
                 Column(
                   crossAxisAlignment: CrossAxisAlignment.start,
                   children: <Widget>[
-                    FadeAnimation(1.5, Text(title, style: TextStyle(color: Colors.white, fontSize: 20),)),
-                    FadeAnimation(1.6, Text(price, style: TextStyle(color: Colors.white, fontSize: 30, fontWeight: FontWeight.bold),)),
+                    FadeInUp(duration: Duration(milliseconds: 1500), child: Text(title, style: TextStyle(color: Colors.white, fontSize: 20),)),
+                    FadeInUp(duration: Duration(milliseconds: 1500), child: Text(price, style: TextStyle(color: Colors.white, fontSize: 30, fontWeight: FontWeight.bold),)),
                   ],
                 ),
-                FadeAnimation(2, Container(
+                FadeInUp(duration: Duration(milliseconds: 2000), child: Container(
                   width: 40,
                   height: 40,
                   margin: EdgeInsets.only(bottom: 10),