shoes store

Author: diegoveloper

README.md

@@ -49,8 +49,8 @@ You can follow me on twitter [@diegoveloper](https://www.twitter.com/diegovelope
 | <center> <img src="https://media.giphy.com/media/XybRawN2vj4YV3fhul/giphy.gif" width="250"> </center> | <center> <img src="https://media.giphy.com/media/UuNiEk20TKjn4F4H7a/giphy.gif" width="250">
  </center>
 
- | App Clone / Sports Store | |
+ | App Clone / Sports Store | App Clone / Shoes Store  |
 |--|--|
-| <center> <img src="https://media.giphy.com/media/RJn8BMmOzfaW101iS2/giphy.gif" width="250"> </center> | <center> 
+| <center> <img src="https://media.giphy.com/media/RJn8BMmOzfaW101iS2/giphy.gif" width="250"> </center> | <center> <img src="https://media.giphy.com/media/MeP49gjvFbUDShkzJM/giphy.gif" width="250">
  </center>
 

images/shoes/1.png

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_samples/app_clone/android_messages/android_messages_page.dart';
 import 'package:flutter_samples/app_clone/photo_concept/photo_concept_page.dart';
+import 'package:flutter_samples/app_clone/shoes_store/shoes_store_page.dart';
 import 'package:flutter_samples/app_clone/sports_store/sports_store_page.dart';
 import 'package:flutter_samples/app_clone/twitter_profile/twitter_profile_page.dart';
 import 'package:flutter_samples/main.dart';
@@ -52,6 +53,12 @@ class MainAppCloneState extends State<MainAppsClone> {
  onButtonTap(SportsStorePage());
  },
  ),
+ MyMenuButton(
+ title: "Shoes Store",
+ actionTap: () {
+ onButtonTap(ShoesStorePage());
+ },
+ ),
  ],
  ),
  ),

images/shoes/2.png

@@ -0,0 +1,81 @@
+import 'package:flutter/material.dart';
+
+import 'shoes_store_page.dart';
+
+class ShoesStoreDetailPage extends StatelessWidget {
+ final Shoe shoe;
+
+ const ShoesStoreDetailPage({Key key, this.shoe}) : super(key: key);
+
+ @override
+ Widget build(BuildContext context) {
+ final size = MediaQuery.of(context).size;
+ return Scaffold(
+ body: Stack(
+ fit: StackFit.expand,
+ children: [
+ Positioned(
+ top: -size.width / 2,
+ right: -size.width / 3,
+ width: size.width * 1.4,
+ height: size.width * 1.4,
+ child: Hero(
+ tag: 'hero_background_${shoe.name}',
+ child: Container(
+ decoration: BoxDecoration(
+ color: shoe.color,
+ shape: BoxShape.circle,
+ ),
+ ),
+ ),
+ ),
+ Align(
+ alignment: Alignment.topCenter,
+ child: SizedBox(
+ height: kToolbarHeight + 20,
+ child: AppBar(
+ backgroundColor: Colors.transparent,
+ elevation: 0,
+ title: Text(
+ shoe.name.split(' ').first,
+ style: TextStyle(
+ color: Colors.white,
+ fontSize: 25,
+ fontWeight: FontWeight.w700),
+ ),
+ actions: [
+ Padding(
+ padding: const EdgeInsets.only(right: 14.0),
+ child: Material(
+ elevation: 10,
+ shape: CircleBorder(
+ side: BorderSide(
+ color: shoe.color,
+ )),
+ color: shoe.color,
+ child: Padding(
+ padding: const EdgeInsets.all(5.0),
+ child: Icon(Icons.favorite_border),
+ ),
+ ),
+ ),
+ ]),
+ )),
+ Align(
+ alignment: Alignment.topCenter,
+ child: Padding(
+ padding: EdgeInsets.only(top: size.height * 0.1),
+ child: Hero(
+ tag: 'hero_image_${shoe.name}',
+ child: Image.asset(
+ shoe.image,
+ height: MediaQuery.of(context).size.width / 1.2,
+ ),
+ ),
+ ),
+ ),
+ ],
+ ),
+ );
+ }
+}