Add flutter_web samples (#75)

2026-05-17 20:37:44 +00:00 · 2019-05-07 13:32:08 -07:00
parent 42f2dce01b
commit 3fe927cb29
697 changed files with 241026 additions and 0 deletions
--- a/web/dad_jokes/lib/main_page.dart
+++ b/web/dad_jokes/lib/main_page.dart
@@ -0,0 +1,136 @@
+import 'dart:async';
+import 'dart:convert';
+
+import 'package:flutter_web/material.dart';
+import 'package:http/http.dart' as http;
+
+import 'auto_size_text.dart';
+
+const _dadJokeApi = 'https://icanhazdadjoke.com/';
+const _httpHeaders = {
+  'Accept': 'application/json',
+};
+
+const jokeTextStyle = TextStyle(
+    fontFamily: 'Patrick Hand',
+    fontSize: 36,
+    fontStyle: FontStyle.normal,
+    fontWeight: FontWeight.normal);
+
+class MainPage extends StatefulWidget {
+  MainPage({Key key, this.title}) : super(key: key);
+
+  final String title;
+
+  @override
+  MainPageState createState() => MainPageState();
+}
+
+class MainPageState extends State<MainPage> {
+  Future<String> _response;
+  String _displayedJoke = '';
+
+  @override
+  void initState() {
+    super.initState();
+    _refreshAction();
+  }
+
+  void _refreshAction() {
+    setState(() {
+      _response = http.read(_dadJokeApi, headers: _httpHeaders);
+    });
+  }
+
+  void _aboutAction() {
+    showDialog(
+        context: context,
+        builder: (BuildContext context) {
+          return const AlertDialog(
+              title: Text('About Dad Jokes'),
+              content: Text(
+                  'Dad jokes is brought to you by Tim Sneath (@timsneath), '
+                  'proud dad of Naomi, Esther, and Silas. May your children '
+                  'groan like mine will.\n\nDad jokes come from '
+                  'https://icanhazdadjoke.com with thanks.'));
+        });
+  }
+
+  FutureBuilder<String> _jokeBody() {
+    return FutureBuilder<String>(
+      future: _response,
+      builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
+        switch (snapshot.connectionState) {
+          case ConnectionState.none:
+            return const ListTile(
+              leading: Icon(Icons.sync_problem),
+              title: Text('No connection'),
+            );
+          case ConnectionState.waiting:
+            return const Center(child: CircularProgressIndicator());
+          default:
+            if (snapshot.hasError) {
+              return const Center(
+                child: ListTile(
+                  leading: Icon(Icons.error),
+                  title: Text('Network error'),
+                  subtitle: Text(
+                      'Sorry - this isn\'t funny, we know, but something went '
+                      'wrong when connecting to the Internet. Check your '
+                      'network connection and try again.'),
+                ),
+              );
+            } else {
+              final decoded = json.decode(snapshot.data);
+              if (decoded['status'] == 200) {
+                _displayedJoke = decoded['joke'] as String;
+                return Padding(
+                    padding: const EdgeInsets.all(16),
+                    child: Dismissible(
+                      key: const Key('joke'),
+                      direction: DismissDirection.horizontal,
+                      onDismissed: (direction) {
+                        _refreshAction();
+                      },
+                      child: AutoSizeText(_displayedJoke, style: jokeTextStyle),
+                    ));
+              } else {
+                return ListTile(
+                  leading: const Icon(Icons.sync_problem),
+                  title: Text('Unexpected error: ${snapshot.data}'),
+                );
+              }
+            }
+        }
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: Image.asset(
+          'icon.png',
+          fit: BoxFit.scaleDown,
+        ),
+        title: Text(widget.title),
+        actions: <Widget>[
+          IconButton(
+            icon: const Icon(Icons.info),
+            tooltip: 'About Dad Jokes',
+            onPressed: _aboutAction,
+          ),
+        ],
+      ),
+      body: Center(
+        child: SafeArea(child: _jokeBody()),
+      ),
+      floatingActionButton: FloatingActionButton.extended(
+        onPressed: _refreshAction,
+        icon: const Icon(Icons.mood),
+        label: const Text('NEW JOKE'),
+      ),
+    );
+  }
+}