Update web/ samples to work with Flutter SDK (#134)

* add package:http dependency in dad_jokes * add package:http dependency in filipino_cuisine * don't build package:http demos until flutter/flutter#34858 is resolved * update gallery * update github_dataviz * update particle_background * don't build github_dataviz (uses package:http) * update slide_puzzle * update spinning_square * update timeflow * update vision_challenge * update charts * update dad_jokes * update filipino cuisine * ignore build output * update timeflow and vision_challenge * update slide_puzzle * don't commit build/ directory * move preview.png images to assets * fix path url join * update readme * update web/readme.md
2025-11-11 15:28:44 +00:00 · 2019-09-10 09:49:58 -07:00
parent 16fa475ff8
commit 317d459a58
746 changed files with 14607 additions and 61610 deletions
--- a/web/gallery/lib/demo/cupertino/cupertino_segmented_control_demo.dart
+++ b/web/gallery/lib/demo/cupertino/cupertino_segmented_control_demo.dart
@@ -0,0 +1,127 @@
+// Copyright 2018 The Chromium 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/cupertino.dart';
+import 'package:flutter/material.dart';
+
+import '../../gallery/demo.dart';
+
+const Color _kKeyUmbraOpacity = Color(0x33000000); // alpha = 0.2
+const Color _kKeyPenumbraOpacity = Color(0x24000000); // alpha = 0.14
+const Color _kAmbientShadowOpacity = Color(0x1F000000); // alpha = 0.12
+
+class CupertinoSegmentedControlDemo extends StatefulWidget {
+  static const String routeName = 'cupertino/segmented_control';
+
+  @override
+  _CupertinoSegmentedControlDemoState createState() => _CupertinoSegmentedControlDemoState();
+}
+
+class _CupertinoSegmentedControlDemoState extends State<CupertinoSegmentedControlDemo> {
+  final Map<int, Widget> children = const <int, Widget>{
+    0: Text('Midnight'),
+    1: Text('Viridian'),
+    2: Text('Cerulean'),
+  };
+
+  final Map<int, Widget> icons = const <int, Widget>{
+    0: Center(
+      child: FlutterLogo(
+        colors: Colors.indigo,
+        size: 200.0,
+      ),
+    ),
+    1: Center(
+      child: FlutterLogo(
+        colors: Colors.teal,
+        size: 200.0,
+      ),
+    ),
+    2: Center(
+      child: FlutterLogo(
+        colors: Colors.cyan,
+        size: 200.0,
+      ),
+    ),
+  };
+
+  int sharedValue = 0;
+
+  @override
+  Widget build(BuildContext context) {
+    return CupertinoPageScaffold(
+      navigationBar: CupertinoNavigationBar(
+        middle: const Text('Segmented Control'),
+        // We're specifying a back label here because the previous page is a
+        // Material page. CupertinoPageRoutes could auto-populate these back
+        // labels.
+        previousPageTitle: 'Cupertino',
+        trailing: CupertinoDemoDocumentationButton(CupertinoSegmentedControlDemo.routeName),
+      ),
+      child: DefaultTextStyle(
+        style: CupertinoTheme.of(context).textTheme.textStyle,
+        child: SafeArea(
+          child: Column(
+            children: <Widget>[
+              const Padding(
+                padding: EdgeInsets.all(16.0),
+              ),
+              SizedBox(
+                width: 500.0,
+                child: CupertinoSegmentedControl<int>(
+                  children: children,
+                  onValueChanged: (int newValue) {
+                    setState(() {
+                      sharedValue = newValue;
+                    });
+                  },
+                  groupValue: sharedValue,
+                ),
+              ),
+              Expanded(
+                child: Padding(
+                  padding: const EdgeInsets.symmetric(
+                    vertical: 32.0,
+                    horizontal: 16.0,
+                  ),
+                  child: Container(
+                    padding: const EdgeInsets.symmetric(
+                      vertical: 64.0,
+                      horizontal: 16.0,
+                    ),
+                    decoration: BoxDecoration(
+                      color: CupertinoTheme.of(context).scaffoldBackgroundColor,
+                      borderRadius: BorderRadius.circular(3.0),
+                      boxShadow: const <BoxShadow>[
+                        BoxShadow(
+                          offset: Offset(0.0, 3.0),
+                          blurRadius: 5.0,
+                          spreadRadius: -1.0,
+                          color: _kKeyUmbraOpacity,
+                        ),
+                        BoxShadow(
+                          offset: Offset(0.0, 6.0),
+                          blurRadius: 10.0,
+                          spreadRadius: 0.0,
+                          color: _kKeyPenumbraOpacity,
+                        ),
+                        BoxShadow(
+                          offset: Offset(0.0, 1.0),
+                          blurRadius: 18.0,
+                          spreadRadius: 0.0,
+                          color: _kAmbientShadowOpacity,
+                        ),
+                      ],
+                    ),
+                    child: icons[sharedValue],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}