Add flutter_web samples (#75)

2026-03-29 07:41:41 +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/gallery/web/assets/AbrilFatface-Regular.ttf
+++ b/web/gallery/web/assets/AbrilFatface-Regular.ttf
--- a/web/gallery/web/assets/FontManifest.json
+++ b/web/gallery/web/assets/FontManifest.json
@@ -0,0 +1,58 @@
+[
+  {
+    "family": "MaterialIcons",
+    "fonts": [
+      {
+        "asset": "https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2"
+      }
+    ]
+  },
+  {
+    "family": "GoogleSans",
+    "fonts": [
+      {
+        "asset": "GoogleSans-Regular.ttf"
+      }
+    ]
+  },
+  {
+    "family": "GalleryIcons",
+    "fonts": [
+      {
+        "asset": "GalleryIcons.ttf"
+      }
+    ]
+  },
+  {
+    "family": "AbrilFatface",
+    "fonts": [
+      {
+        "asset": "AbrilFatface-Regular.ttf"
+      }
+    ]
+  },
+  {
+    "family": "LibreFranklin",
+    "fonts": [
+      {
+        "asset": "LibreFranklin-Regular.ttf"
+      }
+    ]
+  },
+  {
+    "family": "Merriweather",
+    "fonts": [
+      {
+        "asset": "Merriweather-Regular.ttf"
+      }
+    ]
+  },
+  {
+    "family": "Raleway",
+    "fonts": [
+      {
+        "asset": "Raleway-Regular.ttf"
+      }
+    ]
+  }
+]
--- a/web/gallery/web/assets/GalleryIcons.ttf
+++ b/web/gallery/web/assets/GalleryIcons.ttf
--- a/web/gallery/web/assets/GoogleSans-Regular.ttf
+++ b/web/gallery/web/assets/GoogleSans-Regular.ttf
--- a/web/gallery/web/assets/LibreFranklin-Regular.ttf
+++ b/web/gallery/web/assets/LibreFranklin-Regular.ttf
--- a/web/gallery/web/assets/Merriweather-Regular.ttf
+++ b/web/gallery/web/assets/Merriweather-Regular.ttf
--- a/web/gallery/web/assets/README.md
+++ b/web/gallery/web/assets/README.md
@@ -0,0 +1,34 @@
+Note: a reference to `MaterialIcons` is intentionally omitted because the
+corresponding font is not included in this source.
+
+If you add `MaterialIcons-Extended.ttf` to this directory, you can update
+`FontManifest.json` as follows:
+
+```json
+[
+  {
+    "family": "MaterialIcons",
+    "fonts": [
+      {
+        "asset": "MaterialIcons-Extended.ttf"
+      }
+    ]
+  },
+  {
+    "family": "GoogleSans",
+    "fonts": [
+      {
+        "asset": "GoogleSans-Regular.ttf"
+      }
+    ]
+  },
+  {
+    "family": "GalleryIcons",
+    "fonts": [
+      {
+        "asset": "GalleryIcons.ttf"
+      }
+    ]
+  }
+]
+```
--- a/web/gallery/web/assets/Raleway-Regular.ttf
+++ b/web/gallery/web/assets/Raleway-Regular.ttf
--- a/web/gallery/web/assets/food/butternut_squash_soup.png
+++ b/web/gallery/web/assets/food/butternut_squash_soup.png
--- a/web/gallery/web/assets/food/cherry_pie.png
+++ b/web/gallery/web/assets/food/cherry_pie.png
--- a/web/gallery/web/assets/food/chopped_beet_leaves.png
+++ b/web/gallery/web/assets/food/chopped_beet_leaves.png
--- a/web/gallery/web/assets/food/icons/fish.png
+++ b/web/gallery/web/assets/food/icons/fish.png
--- a/web/gallery/web/assets/food/icons/healthy.png
+++ b/web/gallery/web/assets/food/icons/healthy.png
--- a/web/gallery/web/assets/food/icons/main.png
+++ b/web/gallery/web/assets/food/icons/main.png
--- a/web/gallery/web/assets/food/icons/meat.png
+++ b/web/gallery/web/assets/food/icons/meat.png
--- a/web/gallery/web/assets/food/icons/quick.png
+++ b/web/gallery/web/assets/food/icons/quick.png
--- a/web/gallery/web/assets/food/icons/spicy.png
+++ b/web/gallery/web/assets/food/icons/spicy.png
--- a/web/gallery/web/assets/food/icons/veggie.png
+++ b/web/gallery/web/assets/food/icons/veggie.png
--- a/web/gallery/web/assets/food/pesto_pasta.png
+++ b/web/gallery/web/assets/food/pesto_pasta.png
--- a/web/gallery/web/assets/food/roasted_chicken.png
+++ b/web/gallery/web/assets/food/roasted_chicken.png
--- a/web/gallery/web/assets/food/spanakopita.png
+++ b/web/gallery/web/assets/food/spanakopita.png
--- a/web/gallery/web/assets/food/spinach_onion_salad.png
+++ b/web/gallery/web/assets/food/spinach_onion_salad.png
--- a/web/gallery/web/assets/logos/flutter_white/1.5x/logo.png
+++ b/web/gallery/web/assets/logos/flutter_white/1.5x/logo.png
--- a/web/gallery/web/assets/logos/flutter_white/2.5x/logo.png
+++ b/web/gallery/web/assets/logos/flutter_white/2.5x/logo.png
--- a/web/gallery/web/assets/logos/flutter_white/3.0x/logo.png
+++ b/web/gallery/web/assets/logos/flutter_white/3.0x/logo.png
--- a/web/gallery/web/assets/logos/flutter_white/4.0x/logo.png
+++ b/web/gallery/web/assets/logos/flutter_white/4.0x/logo.png
--- a/web/gallery/web/assets/logos/flutter_white/logo.png
+++ b/web/gallery/web/assets/logos/flutter_white/logo.png
--- a/web/gallery/web/assets/logos/pesto/logo_small.png
+++ b/web/gallery/web/assets/logos/pesto/logo_small.png
--- a/web/gallery/web/assets/people/ali_landscape.png
+++ b/web/gallery/web/assets/people/ali_landscape.png
--- a/web/gallery/web/assets/people/square/ali.png
+++ b/web/gallery/web/assets/people/square/ali.png
--- a/web/gallery/web/assets/people/square/peter.png
+++ b/web/gallery/web/assets/people/square/peter.png
--- a/web/gallery/web/assets/people/square/sandra.png
+++ b/web/gallery/web/assets/people/square/sandra.png
--- a/web/gallery/web/assets/people/square/stella.png
+++ b/web/gallery/web/assets/people/square/stella.png
--- a/web/gallery/web/assets/people/square/trevor.png
+++ b/web/gallery/web/assets/people/square/trevor.png
--- a/web/gallery/web/assets/places/india_chennai_flower_market.png
+++ b/web/gallery/web/assets/places/india_chennai_flower_market.png
--- a/web/gallery/web/assets/places/india_chennai_highway.png
+++ b/web/gallery/web/assets/places/india_chennai_highway.png
--- a/web/gallery/web/assets/places/india_chettinad_produce.png
+++ b/web/gallery/web/assets/places/india_chettinad_produce.png
--- a/web/gallery/web/assets/places/india_chettinad_silk_maker.png
+++ b/web/gallery/web/assets/places/india_chettinad_silk_maker.png
--- a/web/gallery/web/assets/places/india_pondicherry_beach.png
+++ b/web/gallery/web/assets/places/india_pondicherry_beach.png
--- a/web/gallery/web/assets/places/india_pondicherry_fisherman.png
+++ b/web/gallery/web/assets/places/india_pondicherry_fisherman.png
--- a/web/gallery/web/assets/places/india_pondicherry_salt_farm.png
+++ b/web/gallery/web/assets/places/india_pondicherry_salt_farm.png
--- a/web/gallery/web/assets/places/india_tanjore_bronze_works.png
+++ b/web/gallery/web/assets/places/india_tanjore_bronze_works.png
--- a/web/gallery/web/assets/places/india_tanjore_market_merchant.png
+++ b/web/gallery/web/assets/places/india_tanjore_market_merchant.png
--- a/web/gallery/web/assets/places/india_tanjore_market_technology.png
+++ b/web/gallery/web/assets/places/india_tanjore_market_technology.png
--- a/web/gallery/web/assets/places/india_tanjore_thanjavur_temple.png
+++ b/web/gallery/web/assets/places/india_tanjore_thanjavur_temple.png
--- a/web/gallery/web/assets/places/india_tanjore_thanjavur_temple_carvings.png
+++ b/web/gallery/web/assets/places/india_tanjore_thanjavur_temple_carvings.png
--- a/web/gallery/web/assets/places/india_thanjavur_market.png
+++ b/web/gallery/web/assets/places/india_thanjavur_market.png
--- a/web/gallery/web/assets/products/backpack.png
+++ b/web/gallery/web/assets/products/backpack.png
--- a/web/gallery/web/assets/products/belt.png
+++ b/web/gallery/web/assets/products/belt.png
--- a/web/gallery/web/assets/products/cup.png
+++ b/web/gallery/web/assets/products/cup.png
--- a/web/gallery/web/assets/products/deskset.png
+++ b/web/gallery/web/assets/products/deskset.png
--- a/web/gallery/web/assets/products/dress.png
+++ b/web/gallery/web/assets/products/dress.png
--- a/web/gallery/web/assets/products/earrings.png
+++ b/web/gallery/web/assets/products/earrings.png
--- a/web/gallery/web/assets/products/flatwear.png
+++ b/web/gallery/web/assets/products/flatwear.png
--- a/web/gallery/web/assets/products/hat.png
+++ b/web/gallery/web/assets/products/hat.png
--- a/web/gallery/web/assets/products/jacket.png
+++ b/web/gallery/web/assets/products/jacket.png
--- a/web/gallery/web/assets/products/jumper.png
+++ b/web/gallery/web/assets/products/jumper.png
--- a/web/gallery/web/assets/products/kitchen_quattro.png
+++ b/web/gallery/web/assets/products/kitchen_quattro.png
--- a/web/gallery/web/assets/products/napkins.png
+++ b/web/gallery/web/assets/products/napkins.png
--- a/web/gallery/web/assets/products/planters.png
+++ b/web/gallery/web/assets/products/planters.png
--- a/web/gallery/web/assets/products/platter.png
+++ b/web/gallery/web/assets/products/platter.png
--- a/web/gallery/web/assets/products/scarf.png
+++ b/web/gallery/web/assets/products/scarf.png
--- a/web/gallery/web/assets/products/shirt.png
+++ b/web/gallery/web/assets/products/shirt.png
--- a/web/gallery/web/assets/products/sunnies.png
+++ b/web/gallery/web/assets/products/sunnies.png
--- a/web/gallery/web/assets/products/sweater.png
+++ b/web/gallery/web/assets/products/sweater.png
--- a/web/gallery/web/assets/products/sweats.png
+++ b/web/gallery/web/assets/products/sweats.png
--- a/web/gallery/web/assets/products/table.png
+++ b/web/gallery/web/assets/products/table.png
--- a/web/gallery/web/assets/products/teaset.png
+++ b/web/gallery/web/assets/products/teaset.png
--- a/web/gallery/web/assets/products/top.png
+++ b/web/gallery/web/assets/products/top.png
--- a/web/gallery/web/frame.html
+++ b/web/gallery/web/frame.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
+  <link href="https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2" rel="preload" as="font" crossorigin>
+  <link href="assets/GoogleSans-Regular.ttf" rel="preload" as="font" crossorigin>
+  <link href="assets/GalleryIcons.ttf" rel="preload" as="font" crossorigin>
+  <link href="assets/AbrilFatface-Regular.ttf" rel="preload" as="font" crossorigin>
+  <link href="assets/LibreFranklin-Regular.ttf" rel="preload" as="font" crossorigin>
+  <link href="assets/Merriweather-Regular.ttf" rel="preload" as="font" crossorigin>
+  <link href="assets/Raleway-Regular.ttf" rel="preload" as="font" crossorigin>
+  <script defer src="main.dart.js" type="application/javascript"></script>
+</head>
+<body>
+</body>
+</html>
--- a/web/gallery/web/index.html
+++ b/web/gallery/web/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Gallery sample - Flutter for web</title>
+  <style>
+    html, body {
+      height: 100%;
+      margin: 0;
+      background: #eee;
+    }
+
+    div {
+      position: relative;
+      margin: 0 auto;
+      max-width: 600px;
+      height: 100%;
+    }
+
+    iframe {
+      position: absolute;
+      top: 0;
+      left: 0;
+      border: 0;
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+  </style>
+</head>
+<body>
+<div>
+  <iframe src="frame.html"></iframe>
+</div>
+</body>
+</html>
--- a/web/gallery/web/main.dart
+++ b/web/gallery/web/main.dart
@@ -0,0 +1,10 @@
+// Copyright 2019 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_web_ui/ui.dart' as ui;
+import 'package:flutter_web.examples.gallery/main.dart' as app;
+
+main() async {
+  await ui.webOnlyInitializePlatform();
+  app.main();
+}
--- a/web/gallery/web/preview.png
+++ b/web/gallery/web/preview.png