basic setup (layout + icons)

flutter/deps/font_awesome_flutter/example/lib/example_icon.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/widgets.dart';
+
+class ExampleIcon implements Comparable {
+  final IconData iconData;
+  final String title;
+
+  ExampleIcon(this.iconData, this.title);
+
+  @override
+  String toString() => 'IconDefinition{iconData: $iconData, title: $title}';
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is ExampleIcon &&
+          runtimeType == other.runtimeType &&
+          iconData == other.iconData &&
+          title == other.title;
+
+  @override
+  int get hashCode => iconData.hashCode ^ title.hashCode;
+
+  @override
+  int compareTo(other) => title.compareTo(other.title);
+}

flutter/deps/font_awesome_flutter/example/lib/main.dart

@@ -0,0 +1,150 @@
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:font_awesome_flutter_example/icons.dart';
+
+void main() {
+  runApp(const FontAwesomeGalleryApp());
+}
+
+class FontAwesomeGalleryApp extends StatelessWidget {
+  const FontAwesomeGalleryApp({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Font Awesome Flutter Gallery',
+      theme: ThemeData.light().copyWith(
+        iconTheme: const IconThemeData(size: 36.0, color: Colors.black87),
+        textTheme: const TextTheme(
+          bodyMedium: TextStyle(fontSize: 16.0, color: Colors.black87),
+        ),
+      ),
+      home: const FontAwesomeGalleryHome(),
+    );
+  }
+}
+
+class FontAwesomeGalleryHome extends StatefulWidget {
+  const FontAwesomeGalleryHome({Key? key}) : super(key: key);
+
+  @override
+  State<StatefulWidget> createState() => FontAwesomeGalleryHomeState();
+}
+
+class FontAwesomeGalleryHomeState extends State<FontAwesomeGalleryHome> {
+  var _searchTerm = "";
+  var _isSearching = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final filteredIcons = icons
+        .where((icon) =>
+            _searchTerm.isEmpty ||
+            icon.title.toLowerCase().contains(_searchTerm.toLowerCase()))
+        .toList();
+
+    return Scaffold(
+      appBar: _isSearching ? _searchBar(context) : _titleBar(),
+      body: Scrollbar(
+        thumbVisibility: kIsWeb,
+        child: GridView.builder(
+          itemCount: filteredIcons.length,
+          gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
+            maxCrossAxisExtent: 300,
+          ),
+          itemBuilder: (context, index) {
+            final icon = filteredIcons[index];
+
+            return InkWell(
+              onTap: () {
+                Navigator.push(
+                  context,
+                  MaterialPageRoute<void>(
+                    builder: (BuildContext context) {
+                      return GestureDetector(
+                        onTap: () {
+                          Navigator.of(context).pop();
+                        },
+                        child: Container(
+                          color: Colors.white,
+                          alignment: Alignment.center,
+                          child: Hero(
+                            tag: icon,
+                            child: FaIcon(
+                              icon.iconData,
+                              size: 100,
+                            ),
+                          ),
+                        ),
+                      );
+                    },
+                  ),
+                );
+              },
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: <Widget>[
+                  Hero(tag: icon, child: FaIcon(icon.iconData)),
+                  Container(
+                    padding: const EdgeInsets.only(top: 16.0),
+                    child: Text(icon.title),
+                  )
+                ],
+              ),
+            );
+          },
+        ),
+      ),
+    );
+  }
+
+  AppBar _titleBar() {
+    return AppBar(
+      title: const Text("Font Awesome Flutter Gallery"),
+      actions: [
+        IconButton(
+            icon: const FaIcon(FontAwesomeIcons.magnifyingGlass),
+            onPressed: () {
+              ModalRoute.of(context)?.addLocalHistoryEntry(
+                LocalHistoryEntry(
+                  onRemove: () {
+                    setState(() {
+                      _searchTerm = "";
+                      _isSearching = false;
+                    });
+                  },
+                ),
+              );
+
+              setState(() {
+                _isSearching = true;
+              });
+            })
+      ],
+    );
+  }
+
+  AppBar _searchBar(BuildContext context) {
+    return AppBar(
+      leading: IconButton(
+        icon: const FaIcon(FontAwesomeIcons.arrowLeft),
+        onPressed: () {
+          setState(
+            () {
+              Navigator.pop(context);
+              _isSearching = false;
+              _searchTerm = "";
+            },
+          );
+        },
+      ),
+      title: TextField(
+        onChanged: (text) => setState(() => _searchTerm = text),
+        autofocus: true,
+        style: const TextStyle(fontSize: 18.0),
+        decoration: const InputDecoration(border: InputBorder.none),
+      ),
+    );
+  }
+}