gallery one design

README.md

@@ -176,7 +176,7 @@ The code for Springy Widget is taken and refactored from (https://github.com/mat
 <img height="480px" src="screenshots/intro6.gif"> <img height="480px" src="screenshots/intro4.gif"> <img height="480px" src="screenshots/onboard3.gif"> <img height="480px" src="screenshots/onboard2.gif"> <img height="480px" src="screenshots/onboarding1.gif"><img height="480px" src="screenshots/i5.gif">
 
 ## miscellaneous widgets
-<img height="480px" src="screenshots/musicplayer2.png"> <img height="480px" src="screenshots/image-popup.png"> <img height="480px" src="screenshots/dash3.png"> <img height="480px" src="screenshots/dash2.png"> <img height="480px" src="screenshots/chat2.png"> <img height="480px" src="screenshots/dash1.png"> <img height="480px" src="screenshots/chatui.png"> <img height="480px" src="screenshots/landing1.png"> <img height="480px" src="screenshots/form.png"> <img height="480px" src="screenshots/sliders.gif"> <img height="480px" src="screenshots/dialog2.png"> <img height="480px" src="screenshots/dialog1.png"> <img height="480px" src="screenshots/hidden_menu1.gif"> <img height="480px" src="screenshots/springy_slider.gif"> <img height="480px" src="screenshots/sliverappbar1.gif"> <img height="480px" src="screenshots/hero-animation.gif">
+<img height="480px" src="screenshots/gallery1.png"> <img height="480px" src="screenshots/musicplayer2.png"> <img height="480px" src="screenshots/image-popup.png"> <img height="480px" src="screenshots/dash3.png"> <img height="480px" src="screenshots/dash2.png"> <img height="480px" src="screenshots/chat2.png"> <img height="480px" src="screenshots/dash1.png"> <img height="480px" src="screenshots/chatui.png"> <img height="480px" src="screenshots/landing1.png"> <img height="480px" src="screenshots/form.png"> <img height="480px" src="screenshots/sliders.gif"> <img height="480px" src="screenshots/dialog2.png"> <img height="480px" src="screenshots/dialog1.png"> <img height="480px" src="screenshots/hidden_menu1.gif"> <img height="480px" src="screenshots/springy_slider.gif"> <img height="480px" src="screenshots/sliverappbar1.gif"> <img height="480px" src="screenshots/hero-animation.gif">
 <img height="480px" src="screenshots/btm2.png"><img height="480px" src="screenshots/music.png">
 
 ## Blog

lib/core/presentation/routes.dart

@@ -13,6 +13,7 @@ import 'package:flutter_ui_challenges/src/pages/invitation/invitation1.dart';
 import 'package:flutter_ui_challenges/src/pages/login/auth3.dart';
 import 'package:flutter_ui_challenges/src/pages/misc/bottomsheet.dart';
 import 'package:flutter_ui_challenges/src/pages/food/cake.dart';
+import 'package:flutter_ui_challenges/src/pages/misc/gallery1.dart';
 import 'package:flutter_ui_challenges/src/pages/misc/image_popup.dart';
 import 'package:flutter_ui_challenges/src/pages/misc/musicplayer.dart';
 import 'package:flutter_ui_challenges/src/pages/misc/musicplayer2.dart';
@@ -275,7 +276,8 @@ final List<dynamic> pages = [
       SubMenuItem("Onboarding 5", Intro5(), path: Intro5.path),
     ]),
     MenuItem(title: "Miscellaneous", items: [
-
+      SubMenuItem("Gallery One", GalleryPageOne(),
+          path: GalleryPageOne.path),
       SubMenuItem("Music Player Two", MusicPlayerTwoPage(),
           path: MusicPlayerTwoPage.path),
       SubMenuItem("Image Popup", ImagePopupPage(),

lib/src/pages/misc/gallery1.dart

@@ -0,0 +1,66 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+import 'package:flutter_ui_challenges/src/pages/animations/animation1/animation1.dart';
+
+class GalleryPageOne extends StatelessWidget {
+  static final String path = "lib/src/pages/misc/gallery1.dart";
+  final List<StaggeredTile> _staggeredTiles = const <StaggeredTile>[
+    const StaggeredTile.count(2, 2),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(2, 2),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(1, 1),
+    const StaggeredTile.count(2, 1),
+    const StaggeredTile.count(1, 2),
+    const StaggeredTile.count(1, 1),
+  ];
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.white,
+      appBar: AppBar(
+        centerTitle: true,
+        elevation: 0,
+        title: Text(
+          'Photos',
+          style: TextStyle(color: Colors.black),
+        ),
+        backgroundColor: Colors.transparent,
+        iconTheme: IconThemeData(color: Colors.black),
+        actions: <Widget>[
+          FlatButton(
+            textColor: Colors.blue,
+            child: Text("Add New"),
+            onPressed: () {},
+          )
+        ],
+      ),
+      body: StaggeredGridView.countBuilder(
+        padding: const EdgeInsets.all(8.0),
+        crossAxisCount: 3,
+        itemCount: 16,
+        itemBuilder: (context, index) => Container(
+          decoration: BoxDecoration(
+              image: DecorationImage(
+                image:
+                    CachedNetworkImageProvider(images[index % images.length]),
+                fit: BoxFit.cover,
+              ),
+              borderRadius: BorderRadius.circular(10.0)),
+        ),
+        staggeredTileBuilder: (index) => _staggeredTiles[index],
+        mainAxisSpacing: 8.0,
+        crossAxisSpacing: 8.0,
+      ),
+    );
+  }
+}

pubspec.yaml

@@ -41,6 +41,7 @@ dependencies:
   firebase_remote_config: ^0.3.0+1
   firebase_core: ^0.4.3+1
   firebase_analytics: ^5.0.9
+  flutter_staggered_grid_view: ^0.3.0
 dev_dependencies:
   flutter_test:
     sdk: flutter