Added Material Navigation_Drawer in material demo (#340)

flutter · Oct 9, 2020 · 8f84336 · 8f84336
1 parent 7456f23
commit 8f84336
Show file tree

Hide file tree

Showing 7 changed files with 519 additions and 29 deletions.
diff --git a/integration_test/gallery_compile_test.dart b/integration_test/gallery_compile_test.dart
@@ -8,7 +8,7 @@ import 'package:test/test.dart';
 import 'package:path/path.dart' as path;
 
 // Benchmark size in kB.
-const int bundleSizeBenchmark = 4500;
+const int bundleSizeBenchmark = 5000;
 const int gzipBundleSizeBenchmark = 1200;
 
 void main() {

diff --git a/lib/codeviewer/code_segments.dart b/lib/codeviewer/code_segments.dart
diff --git a/lib/data/demos.dart b/lib/data/demos.dart
@@ -34,6 +34,7 @@ import 'package:gallery/demos/material/dialog_demo.dart';
 import 'package:gallery/demos/material/grid_list_demo.dart';
 import 'package:gallery/demos/material/list_demo.dart';
 import 'package:gallery/demos/material/menu_demo.dart';
+import 'package:gallery/demos/material/navigation_drawer.dart';
 import 'package:gallery/demos/material/picker_demo.dart';
 import 'package:gallery/demos/material/progress_indicator_demo.dart';
 import 'package:gallery/demos/material/selection_controls_demo.dart';
@@ -521,6 +522,22 @@ List<GalleryDemo> materialDemos(GalleryLocalizations localizations) {
       ],
       category: GalleryDemoCategory.material,
     ),
+    GalleryDemo(
+      title: localizations.demoNavigationDrawerTitle,
+      icon: GalleryIcons.menu,
+      slug: 'nav_drawer',
+      subtitle: localizations.demoNavigationDrawerSubtitle,
+      configurations: [
+        GalleryDemoConfiguration(
+          title: localizations.demoNavigationDrawerTitle,
+          description: localizations.demoNavigationDrawerDescription,
+          documentationUrl: '$_docsBaseUrl/material/Drawer-class.html',
+          buildRoute: (_) => const NavDrawerDemo(),
+          code: CodeSegments.navDrawerDemo,
+        ),
+      ],
+      category: GalleryDemoCategory.material,
+    ),
     GalleryDemo(
       title: localizations.demoPickersTitle,
       icon: GalleryIcons.event,

diff --git a/lib/demos/material/navigation_drawer.dart b/lib/demos/material/navigation_drawer.dart
@@ -0,0 +1,74 @@
+// Copyright 2019 The Flutter team. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/gallery_localizations.dart';
+import 'package:flutter/cupertino.dart';
+
+// BEGIN navDrawerDemo
+
+// Pressing the Navigation Drawer button the left of Appbar to show
+// a simple Drawer with Two items.
+class NavDrawerDemo extends StatelessWidget {
+  const NavDrawerDemo({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    var localization = GalleryLocalizations.of(context);
+    final drawerHeader = UserAccountsDrawerHeader(
+      accountName: Text(
+        localization.demoNavigationDrawerUserName,
+      ),
+      accountEmail: Text(
+        localization.demoNavigationDrawerUserEmail,
+      ),
+      currentAccountPicture: const CircleAvatar(
+        child: FlutterLogo(size: 42.0),
+      ),
+    );
+    final drawerItems = ListView(
+      children: [
+        drawerHeader,
+        ListTile(
+          title: Text(
+            localization.demoNavigationDrawerToPageOne,
+          ),
+          leading: const Icon(Icons.favorite),
+          onTap: () {
+            Navigator.pop(context);
+          },
+        ),
+        ListTile(
+          title: Text(
+            localization.demoNavigationDrawerToPageTwo,
+          ),
+          leading: const Icon(Icons.comment),
+          onTap: () {
+            Navigator.pop(context);
+          },
+        ),
+      ],
+    );
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(
+          localization.demoNavigationDrawerTitle,
+        ),
+      ),
+      body: Center(
+        child: Padding(
+          padding: const EdgeInsets.all(50.0),
+          child: Text(
+            localization.demoNavigationDrawerText,
+          ),
+        ),
+      ),
+      drawer: Drawer(
+        child: drawerItems,
+      ),
+    );
+  }
+}
+
+// END
diff --git a/lib/l10n/intl_en.arb b/lib/l10n/intl_en.arb
@@ -1081,6 +1081,38 @@
       }
     }
   },
+  "demoNavigationDrawerTitle": "Navigation Drawer",
+  "@demoNavigationDrawerTitle": {
+    "description": "Title for the material drawer component demo."
+  },
+  "demoNavigationDrawerSubtitle": "Displaying a drawer within appbar",
+  "@demoNavigationDrawerSubtitle": {
+    "description": "Subtitle for the material drawer component demo."
+  },
+  "demoNavigationDrawerDescription": "A Material Design panel that slides in horizontally from the edge of the screen to show navigation links in an application.",
+  "@demoNavigationDrawerDescription": {
+    "description": "Description for the material drawer component demo."
+  },
+  "demoNavigationDrawerUserName": "User Name",
+  "@demoNavigationDrawerUserName": {
+    "description": "Demo username for navigation drawer."
+  },
+  "demoNavigationDrawerUserEmail": "user.name@example.com",
+  "@demoNavigationDrawerUserEmail": {
+    "description": "Demo email for navigation drawer."
+  },
+  "demoNavigationDrawerToPageOne": "Item One",
+  "@demoNavigationDrawerToPageOne": {
+    "description": "Drawer Item One."
+  },
+  "demoNavigationDrawerToPageTwo": "Item Two",
+  "@demoNavigationDrawerToPageTwo": {
+    "description": "Drawer Item Two."
+  },
+  "demoNavigationDrawerText": "Swipe from the edge or tap the upper-left icon to see the drawer",
+  "@demoNavigationDrawerText": {
+    "description": "Description to open navigation drawer."
+  },
   "demoMenuAnItemWithASimpleMenu": "An item with a simple menu",
   "@demoMenuAnItemWithASimpleMenu": {
     "description": "Label next to a button that opens a simple menu. A menu displays a list of choices on a temporary surface. Used as an example in a demo."

diff --git a/lib/l10n/intl_en_US.xml b/lib/l10n/intl_en_US.xml
@@ -981,6 +981,38 @@
     name="demoMenuChecked"
     description="A text to show what value was checked."
     >Checked: {value}</string>
+  <string
+    name="demoNavigationDrawerTitle"
+    description="Title for the material drawer component demo."
+    >Navigation Drawer</string>
+  <string
+    name="demoNavigationDrawerSubtitle"
+    description="Subtitle for the material drawer component demo."
+    >Displaying a drawer within appbar</string>
+  <string
+    name="demoNavigationDrawerDescription"
+    description="Description for the material drawer component demo."
+    >A Material Design panel that slides in horizontally from the edge of the screen to show navigation links in an application.</string>
+  <string
+    name="demoNavigationDrawerUserName"
+    description="Demo username for navigation drawer."
+    >User Name</string>
+  <string
+    name="demoNavigationDrawerUserEmail"
+    description="Demo email for navigation drawer."
+    >user.name@example.com</string>
+  <string
+    name="demoNavigationDrawerToPageOne"
+    description="Drawer Item One."
+    >Item One</string>
+  <string
+    name="demoNavigationDrawerToPageTwo"
+    description="Drawer Item Two."
+    >Item Two</string>
+  <string
+    name="demoNavigationDrawerText"
+    description="Description to open navigation drawer."
+    >Swipe from the edge or tap the upper-left icon to see the drawer</string>
   <string
     name="demoMenuAnItemWithASimpleMenu"
     description="Label next to a button that opens a simple menu. A menu displays a list of choices on a temporary surface. Used as an example in a demo."