Decoupling Material

packages/material_ui/examples/lib/about/about_list_tile.0.dart

@@ -0,0 +1,82 @@
+// Copyright 2014 The Flutter Authors. 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';
+
+/// Flutter code sample for [AboutListTile].
+
+void main() => runApp(const AboutListTileExampleApp());
+
+class AboutListTileExampleApp extends StatelessWidget {
+  const AboutListTileExampleApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const MaterialApp(home: AboutListTileExample());
+  }
+}
+
+class AboutListTileExample extends StatelessWidget {
+  const AboutListTileExample({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final ThemeData theme = Theme.of(context);
+    final TextStyle textStyle = theme.textTheme.bodyMedium!;
+    final List<Widget> aboutBoxChildren = <Widget>[
+      const SizedBox(height: 24),
+      RichText(
+        text: TextSpan(
+          children: <TextSpan>[
+            TextSpan(
+              style: textStyle,
+              text:
+                  "Flutter is Google's UI toolkit for building beautiful, "
+                  'natively compiled applications for mobile, web, and desktop '
+                  'from a single codebase. Learn more about Flutter at ',
+            ),
+            TextSpan(
+              style: textStyle.copyWith(color: theme.colorScheme.primary),
+              text: 'https://flutter.dev',
+            ),
+            TextSpan(style: textStyle, text: '.'),
+          ],
+        ),
+      ),
+    ];
+
+    return Scaffold(
+      appBar: AppBar(title: const Text('Show About Example')),
+      drawer: Drawer(
+        child: SingleChildScrollView(
+          child: SafeArea(
+            child: AboutListTile(
+              icon: const Icon(Icons.info),
+              applicationIcon: const FlutterLogo(),
+              applicationName: 'Show About Example',
+              applicationVersion: 'August 2019',
+              applicationLegalese: '\u{a9} 2014 The Flutter Authors',
+              aboutBoxChildren: aboutBoxChildren,
+            ),
+          ),
+        ),
+      ),
+      body: Center(
+        child: ElevatedButton(
+          child: const Text('Show About Example'),
+          onPressed: () {
+            showAboutDialog(
+              context: context,
+              applicationIcon: const FlutterLogo(),
+              applicationName: 'Show About Example',
+              applicationVersion: 'August 2019',
+              applicationLegalese: '\u{a9} 2014 The Flutter Authors',
+              children: aboutBoxChildren,
+            );
+          },
+        ),
+      ),
+    );
+  }
+}

packages/material_ui/examples/lib/action_buttons/action_icon_theme.0.dart

@@ -0,0 +1,120 @@
+// Copyright 2014 The Flutter Authors. 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';
+
+/// Flutter code sample for [ActionIconTheme].
+
+void main() {
+  runApp(const ActionIconThemeExampleApp());
+}
+
+class _CustomEndDrawerIcon extends StatelessWidget {
+  const _CustomEndDrawerIcon();
+
+  @override
+  Widget build(BuildContext context) {
+    final MaterialLocalizations localization = MaterialLocalizations.of(
+      context,
+    );
+    return Icon(
+      Icons.more_horiz,
+      semanticLabel: localization.openAppDrawerTooltip,
+    );
+  }
+}
+
+class _CustomDrawerIcon extends StatelessWidget {
+  const _CustomDrawerIcon();
+
+  @override
+  Widget build(BuildContext context) {
+    final MaterialLocalizations localization = MaterialLocalizations.of(
+      context,
+    );
+    return Icon(
+      Icons.segment,
+      semanticLabel: localization.openAppDrawerTooltip,
+    );
+  }
+}
+
+class ActionIconThemeExampleApp extends StatelessWidget {
+  const ActionIconThemeExampleApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      debugShowCheckedModeBanner: false,
+      theme: ThemeData(
+        actionIconTheme: ActionIconThemeData(
+          backButtonIconBuilder: (BuildContext context) {
+            return const Icon(Icons.arrow_back_ios_new_rounded);
+          },
+          drawerButtonIconBuilder: (BuildContext context) {
+            return const _CustomDrawerIcon();
+          },
+          endDrawerButtonIconBuilder: (BuildContext context) {
+            return const _CustomEndDrawerIcon();
+          },
+        ),
+      ),
+      home: const MyHomePage(title: 'Flutter Demo Home Page'),
+    );
+  }
+}
+
+class MyHomePage extends StatelessWidget {
+  const MyHomePage({super.key, required this.title});
+
+  final String title;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text(title)),
+      drawer: Drawer(
+        child: Column(
+          children: <Widget>[
+            TextButton(child: const Text('Drawer Item'), onPressed: () {}),
+          ],
+        ),
+      ),
+      body: const Center(child: NextPageButton()),
+    );
+  }
+}
+
+class NextPageButton extends StatelessWidget {
+  const NextPageButton({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ElevatedButton.icon(
+      onPressed: () {
+        Navigator.of(context).push(
+          MaterialPageRoute<MySecondPage>(
+            builder: (BuildContext context) {
+              return const MySecondPage();
+            },
+          ),
+        );
+      },
+      icon: const Icon(Icons.arrow_forward),
+      label: const Text('Next page'),
+    );
+  }
+}
+
+class MySecondPage extends StatelessWidget {
+  const MySecondPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('Second page')),
+      endDrawer: const Drawer(),
+    );
+  }
+}

packages/material_ui/examples/lib/action_chip/action_chip.0.dart

@@ -0,0 +1,50 @@
+// Copyright 2014 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+// Flutter code sample [ActionChip].
+
+import 'package:flutter/material.dart';
+
+void main() => runApp(const ChipApp());
+
+class ChipApp extends StatelessWidget {
+  const ChipApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      theme: ThemeData(colorSchemeSeed: const Color(0xff6750a4)),
+      home: const ActionChipExample(),
+    );
+  }
+}
+
+class ActionChipExample extends StatefulWidget {
+  const ActionChipExample({super.key});
+
+  @override
+  State<ActionChipExample> createState() => _ActionChipExampleState();
+}
+
+class _ActionChipExampleState extends State<ActionChipExample> {
+  bool favorite = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('ActionChip Sample')),
+      body: Center(
+        child: ActionChip(
+          avatar: Icon(favorite ? Icons.favorite : Icons.favorite_border),
+          label: const Text('Save to favorites'),
+          onPressed: () {
+            setState(() {
+              favorite = !favorite;
+            });
+          },
+        ),
+      ),
+    );
+  }
+}

packages/material_ui/examples/lib/animated_icon/animated_icon.0.dart

@@ -0,0 +1,66 @@
+// Copyright 2014 The Flutter Authors. 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';
+
+/// Flutter code sample for [AnimatedIcon].
+
+void main() {
+  runApp(const AnimatedIconApp());
+}
+
+class AnimatedIconApp extends StatelessWidget {
+  const AnimatedIconApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      theme: ThemeData(colorSchemeSeed: const Color(0xff6750a4)),
+      home: const Scaffold(body: AnimatedIconExample()),
+    );
+  }
+}
+
+class AnimatedIconExample extends StatefulWidget {
+  const AnimatedIconExample({super.key});
+
+  @override
+  State<AnimatedIconExample> createState() => _AnimatedIconExampleState();
+}
+
+class _AnimatedIconExampleState extends State<AnimatedIconExample>
+    with SingleTickerProviderStateMixin {
+  late AnimationController controller;
+  late Animation<double> animation;
+
+  @override
+  void initState() {
+    super.initState();
+    controller =
+        AnimationController(vsync: this, duration: const Duration(seconds: 2))
+          ..forward()
+          ..repeat(reverse: true);
+    animation = Tween<double>(begin: 0.0, end: 1.0).animate(controller);
+  }
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+        child: AnimatedIcon(
+          icon: AnimatedIcons.menu_arrow,
+          progress: animation,
+          size: 72.0,
+          semanticLabel: 'Show menu',
+        ),
+      ),
+    );
+  }
+}