new sample added - sports store

Author: diegoveloper

README.md

@@ -47,4 +47,10 @@ You can follow me on twitter [@diegoveloper](https://www.twitter.com/diegovelope
  | App Clone / Photo Concept | Animations / Page View Animated |
 |--|--|
 | <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>
+ </center>
+
+ | App Clone / Sports Store | |
+|--|--|
+| <center> <img src="https://media.giphy.com/media/RJn8BMmOzfaW101iS2/giphy.gif" width="250"> </center> | <center> 
+ </center>
+

images/balls/ball1.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/sports_store/sports_store_page.dart';
 import 'package:flutter_samples/app_clone/twitter_profile/twitter_profile_page.dart';
 import 'package:flutter_samples/main.dart';
 
@@ -45,6 +46,12 @@ class MainAppCloneState extends State<MainAppsClone> {
  onButtonTap(PhotoConceptPage());
  },
  ),
+ MyMenuButton(
+ title: "Sports Store",
+ actionTap: () {
+ onButtonTap(SportsStorePage());
+ },
+ ),
  ],
  ),
  ),

images/balls/ball2.png

@@ -0,0 +1,70 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_samples/app_clone/sports_store/sports_store_page.dart';
+
+class SportsStoreDetailPage extends StatelessWidget {
+ final Ball ball;
+
+ const SportsStoreDetailPage({Key key, this.ball}) : super(key: key);
+
+ @override
+ Widget build(BuildContext context) {
+ final size = MediaQuery.of(context).size;
+ return Scaffold(
+ body: Stack(
+ fit: StackFit.expand,
+ children: [
+ Positioned(
+ top: 0,
+ right: 0,
+ width: size.width / 2.5,
+ height: size.height / 1.8,
+ child: Hero(
+ tag: 'hero_background_${ball.name}',
+ child: Container(
+ decoration: BoxDecoration(
+ color: ball.color,
+ borderRadius: BorderRadius.only(
+ bottomLeft: Radius.circular(30),
+ ),
+ ),
+ ),
+ ),
+ ),
+ Positioned(
+ left: 30,
+ top: 100,
+ child: Hero(
+ tag: 'hero_text_${ball.name}',
+ child: Material(
+ color: Colors.transparent,
+ child: Text(
+ ball.name.split(' ').join('\n'),
+ style: TextStyle(
+ color: Colors.black,
+ fontSize: 40,
+ fontWeight: FontWeight.w700),
+ ),
+ ),
+ ),
+ ),
+ Positioned(
+ right: 30,
+ top: size.height / 4,
+ child: Hero(
+ tag: 'hero_ball_${ball.name}',
+ child: Image.asset(
+ ball.image,
+ height: MediaQuery.of(context).size.width / 2.2,
+ ),
+ ),
+ ),
+ Positioned(
+ left: 20,
+ top: 40,
+ child: BackButton(),
+ ),
+ ],
+ ),
+ );
+ }
+}