johnpryan 1 year ago
parent cd84e7ac11
commit 310270a661

@ -381,6 +381,10 @@ images/web_dashboard2.png
images/web_dashboard2_thumb.png
images/web_dashboard3.png
images/web_dashboard3_thumb.png
images/web_embedding1.png
images/web_embedding1_thumb.png
images/web_embedding2.png
images/web_embedding2_thumb.png
implement_swipe_to_dismiss.html
index.html
infinite_list.html
@ -599,6 +603,7 @@ use_a_custom_font.html
use_lists.html
use_themes_to_share_colors_and_font_styles.html
web_dashboard.html
web_embedding.html
work_with_cached_images.html
work_with_long_lists.html
work_with_tabs.html

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 575 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 542 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

@ -310,6 +310,16 @@
</div>
</div>
</div>
<div class="mdc-card demo-card mdc-elevation--z0" search-attrs="web embedding tag:demo demo tag:web web tag:add-to-app add-to-app tag:embedding embedding platform:web web type:sample">
<div class="mdc-card__primary-action demo-card__primary-action" tabindex="0" href="web_embedding.html">
<div class="mdc-card__media mdc-card__media--16-9 demo-card__media" style="background-image: url('images/web_embedding1_thumb.png');"></div>
<div class="demo-card__label type-label">sample</div>
<div class="demo-card__primary">
<h2 class="demo-card__title mdc-typography mdc-typography--headline6">Web Embedding</h2>
</div>
<div class="demo-card__secondary mdc-typography mdc-typography--body2">An example app showing how to embed Flutter in a web application...</div>
</div>
</div>
<div class="mdc-card demo-card mdc-elevation--z0" search-attrs="animate a page route transition tag:cookbook cookbook tag:animation animation type:cookbook">
<div class="mdc-card__primary-action demo-card__primary-action" tabindex="0" href="animate_a_page_route_transition.html">
<div class="mdc-card__media mdc-card__media--16-9 demo-card__media" style="background-image: url('images/cookbook/animation-page-route-animation_thumb.png');"></div>

@ -633,3 +633,23 @@ samples:
tags: ['demo', 'animation']
web: https://z.flutter.gallery/#/dice
type: demo
- name: Web Embedding
author: Flutter and Angular
screenshots:
- url: images/web_embedding1.png
alt: A Flutter app embedded in an Angular app
- url: images/web_embedding2.png
alt: A Flutter app embedded in an Angular app
source: https://github.com/flutter/samples/tree/main/web_embedding
description: >
An example app showing how to embed Flutter in a web application using Angular
difficulty: advanced
widgets: []
packages: []
platforms: ['web']
links: []
tags: ['demo', 'web', 'add-to-app', 'embedding']
web: https://flutter-angular.web.app/
type: sample

File diff suppressed because one or more lines are too long

@ -24,8 +24,8 @@ const RESOURCES = {"version.json": "42906adb43c8fac5e6348de24f5c28d0",
"canvaskit/skwasm.worker.js": "19659053a277272607529ef87acf9d8a",
"canvaskit/canvaskit.wasm": "f48eaf57cada79163ec6dec7929486ea",
"manifest.json": "68625bab86590a7ebe9e384ad0eedabd",
"index.html": "d314eb9d0084da38d20ff7bb2035beb4",
"/": "d314eb9d0084da38d20ff7bb2035beb4",
"index.html": "cd98dec4958710fce159556afeb7464a",
"/": "cd98dec4958710fce159556afeb7464a",
"favicon.png": "5dcef449791fa27946b3d35ad8803796",
"icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
"icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",

@ -34,7 +34,7 @@
<script>
// The value below is injected by flutter build, do not touch.
var serviceWorkerVersion = "3698973123";
var serviceWorkerVersion = "447959648";
</script>
<!-- This script adds the flutter initialization JS code -->
<script src="flutter.js" defer></script>

@ -21,8 +21,8 @@ const RESOURCES = {"version.json": "08c8c94a1f10fbdfa4e8389d31bd1ed8",
"canvaskit/skwasm.worker.js": "19659053a277272607529ef87acf9d8a",
"canvaskit/canvaskit.wasm": "f48eaf57cada79163ec6dec7929486ea",
"manifest.json": "abaeea879f3279d2833ea9b6d03fcc4f",
"index.html": "661573c03c0b3a7ecf7b85c92d5c8afc",
"/": "661573c03c0b3a7ecf7b85c92d5c8afc",
"index.html": "bcc9bb68f2110baab9a084a45c59bd3d",
"/": "bcc9bb68f2110baab9a084a45c59bd3d",
"favicon.png": "5dcef449791fa27946b3d35ad8803796",
"icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
"icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",

@ -34,7 +34,7 @@
<script>
// The value below is injected by flutter build, do not touch.
var serviceWorkerVersion = "136193698";
var serviceWorkerVersion = "4003970387";
</script>
<!-- This script adds the flutter initialization JS code -->
<script src="flutter.js" defer></script>

@ -66,8 +66,8 @@ const RESOURCES = {"version.json": "4af817f8de4133edacca0908f16858d5",
"canvaskit/skwasm.worker.js": "19659053a277272607529ef87acf9d8a",
"canvaskit/canvaskit.wasm": "f48eaf57cada79163ec6dec7929486ea",
"manifest.json": "d3e8be9819697c196251e6e977053336",
"index.html": "b37fc6c5ec192b2cefb1bdcbe5241d07",
"/": "b37fc6c5ec192b2cefb1bdcbe5241d07",
"index.html": "98dca0e1f61859d9023cf013fc3879a6",
"/": "98dca0e1f61859d9023cf013fc3879a6",
"favicon.png": "5dcef449791fa27946b3d35ad8803796",
"icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
"icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",

@ -34,7 +34,7 @@
<script>
// The value below is injected by flutter build, do not touch.
var serviceWorkerVersion = "3900641191";
var serviceWorkerVersion = "3688267546";
</script>
<!-- This script adds the flutter initialization JS code -->
<script src="flutter.js" defer></script>

@ -21,8 +21,8 @@ const RESOURCES = {"version.json": "f18d220f770434409d5d68bddf9bd1af",
"canvaskit/skwasm.worker.js": "19659053a277272607529ef87acf9d8a",
"canvaskit/canvaskit.wasm": "f48eaf57cada79163ec6dec7929486ea",
"manifest.json": "05f725318f41bf1601ead9ffa9355535",
"index.html": "c17b1fba97c7d199d170e580373e0550",
"/": "c17b1fba97c7d199d170e580373e0550",
"index.html": "08753b01373e598d492728ce56091bd7",
"/": "08753b01373e598d492728ce56091bd7",
"favicon.png": "5dcef449791fa27946b3d35ad8803796",
"icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
"icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",

@ -34,7 +34,7 @@
<script>
// The value below is injected by flutter build, do not touch.
var serviceWorkerVersion = "137910541";
var serviceWorkerVersion = "2943973187";
</script>
<!-- This script adds the flutter initialization JS code -->
<script src="flutter.js" defer></script>

@ -21,8 +21,8 @@ const RESOURCES = {"version.json": "9c336dc978923faadf6aa0ad75d0ea12",
"canvaskit/skwasm.worker.js": "19659053a277272607529ef87acf9d8a",
"canvaskit/canvaskit.wasm": "f48eaf57cada79163ec6dec7929486ea",
"manifest.json": "b3e6ffc626a7ddc3a2a95f62ee423a43",
"index.html": "8e328dd06d231bd233125d97f3232e69",
"/": "8e328dd06d231bd233125d97f3232e69",
"index.html": "188631a40bd6654d12521fe33d2f4bb0",
"/": "188631a40bd6654d12521fe33d2f4bb0",
"favicon.png": "5dcef449791fa27946b3d35ad8803796",
"icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
"icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",

@ -34,7 +34,7 @@
<script>
// The value below is injected by flutter build, do not touch.
var serviceWorkerVersion = "1930017684";
var serviceWorkerVersion = "2434487611";
</script>
<!-- This script adds the flutter initialization JS code -->
<script src="flutter.js" defer></script>

@ -25,8 +25,8 @@ const RESOURCES = {"version.json": "d8b1411a8d58c36c6abe2f9380d1c88d",
"canvaskit/skwasm.worker.js": "19659053a277272607529ef87acf9d8a",
"canvaskit/canvaskit.wasm": "f48eaf57cada79163ec6dec7929486ea",
"manifest.json": "470be0990b1a9c5a9011c08ba3d78e79",
"index.html": "4ce2b00101704a99874bb1c09df04fe3",
"/": "4ce2b00101704a99874bb1c09df04fe3",
"index.html": "f3bec9d0f9b4322ca4ad4b5961184599",
"/": "f3bec9d0f9b4322ca4ad4b5961184599",
"favicon.png": "5dcef449791fa27946b3d35ad8803796",
"icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
"icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",

@ -37,7 +37,7 @@
<script>
// The value below is injected by flutter build, do not touch.
var serviceWorkerVersion = "3130392516";
var serviceWorkerVersion = "3194359608";
</script>
<!-- This script adds the flutter initialization JS code -->
<script src="flutter.js" defer></script>

@ -21,8 +21,8 @@ const RESOURCES = {"version.json": "c877dd821e537c427c816dfd698efafd",
"canvaskit/skwasm.worker.js": "19659053a277272607529ef87acf9d8a",
"canvaskit/canvaskit.wasm": "f48eaf57cada79163ec6dec7929486ea",
"manifest.json": "8cd9b0527efb8828cd336f4a2bdd731e",
"index.html": "546e349636069e12b36c191687852eab",
"/": "546e349636069e12b36c191687852eab",
"index.html": "b9cf281d0b34e2b782a7628156fe0e5d",
"/": "b9cf281d0b34e2b782a7628156fe0e5d",
"favicon.png": "5dcef449791fa27946b3d35ad8803796",
"icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
"icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",

@ -34,7 +34,7 @@
<script>
// The value below is injected by flutter build, do not touch.
var serviceWorkerVersion = "981024378";
var serviceWorkerVersion = "962345839";
</script>
<!-- This script adds the flutter initialization JS code -->
<script src="flutter.js" defer></script>

@ -21,8 +21,8 @@ const RESOURCES = {"version.json": "5f28b101a23cda222084598333ffdc2e",
"canvaskit/skwasm.worker.js": "19659053a277272607529ef87acf9d8a",
"canvaskit/canvaskit.wasm": "f48eaf57cada79163ec6dec7929486ea",
"manifest.json": "fcc4cffd0f45ba41f31bdd5e05ca1ded",
"index.html": "f7f55100f64c2d5b848effffb35d23ba",
"/": "f7f55100f64c2d5b848effffb35d23ba",
"index.html": "050ea8d60660d2c13991ad373b1312ef",
"/": "050ea8d60660d2c13991ad373b1312ef",
"favicon.png": "5dcef449791fa27946b3d35ad8803796",
"icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
"icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",

@ -34,7 +34,7 @@
<script>
// The value below is injected by flutter build, do not touch.
var serviceWorkerVersion = "538170987";
var serviceWorkerVersion = "3271055213";
</script>
<!-- This script adds the flutter initialization JS code -->
<script src="flutter.js" defer></script>

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Web Embedding</h1>
<div class="type-label type-label-bordered">sample</div>
</div>
<p>By Flutter and Angular</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter-angular.web.app/';"><span class="mdc-button__ripple"></span> Launch App</button><button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://github.com/flutter/samples/tree/main/web_embedding';">
<div class="mdc-button__ripple"></div>
<i class="material-icons mdc-button__icon" aria-hidden="true">code</i>
<span class="mdc-button__label">Source Code</span>
</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Ademo">demo</a>
<a href="./#?search=tag%3Aweb">web</a>
<a href="./#?search=tag%3Aadd-to-app">add-to-app</a>
<a href="./#?search=tag%3Aembedding">embedding</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/web_embedding1.png" alt="A Flutter app embedded in an Angular app" /></div>
<div class="slider-single"><img class="slider-single-image" src="images/web_embedding2.png" alt="A Flutter app embedded in an Angular app" /></div>
</div>
</div>
<div class="description">
<p>An example app showing how to embed Flutter in a web application using Angular
</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>
Loading…
Cancel
Save