Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2025-11-08 13:58:47 +00:00
Code Issues Releases Wiki Activity

Migrate bootstrapping in element embedding sample (#2315)

Browse Source 
Migrating the Angular sample is blocked on
https://github.com/flutter/flutter/issues/149443

Contributes to https://github.com/flutter/samples/issues/2297.
This commit is contained in:
Parker Lougheed
2024-06-03 16:46:28 -05:00
committed by GitHub
parent 121d29627a
commit 2b451d2dae
4 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web_embedding/element_embedding_demo/pubspec.yaml
View File

@@ -7,7 +7,6 @@ environment:
sdk: ^3.4.0-0 sdk: ^3.4.0-0
dependencies: dependencies:
cupertino_icons: ^1.0.2
flutter: flutter:
sdk: flutter sdk: flutter

2
web_embedding/element_embedding_demo/web/css/style.css
View File

@@ -162,7 +162,7 @@ h1 {
} }
#flutter_target.resize { #flutter_target.resize {
width: 480px; width: 480px;
height: 320px; height: 336px;
} }
#flutter_target.spin { animation: spin 6400ms ease-in-out infinite; } #flutter_target.spin { animation: spin 6400ms ease-in-out infinite; }
#flutter_target.shadow { position: relative; } #flutter_target.shadow { position: relative; }

17
web_embedding/element_embedding_demo/web/index.html
View File

@@ -20,9 +20,6 @@
<title>Element embedding</title> <title>Element embedding</title>
<link rel="manifest" href="manifest.json" /> <link rel="manifest" href="manifest.json" />
<!-- This script adds the flutter initialization JS code -->
<script src="flutter.js" defer></script>
<link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" />
</head> </head>
<body> <body>
@@ -81,17 +78,17 @@
</section> </section>
<script> <script>
window.addEventListener("load", function (ev) { {{flutter_js}}
// Embed flutter into div#flutter_target {{flutter_build_config}}
let target = document.querySelector("#flutter_target");
_flutter.loader.loadEntrypoint({ const target = document.getElementById('flutter_target');
_flutter.loader.load({
onEntrypointLoaded: async function (engineInitializer) { onEntrypointLoaded: async function (engineInitializer) {
let appRunner = await engineInitializer.initializeEngine({ const appRunner = await engineInitializer.initializeEngine({
hostElement: target, hostElement: target,
}); });
await appRunner.runApp(); await appRunner.runApp();
}, }
});
}); });
</script> </script>
<script src="js/demo-js-interop.js" defer></script> <script src="js/demo-js-interop.js" defer></script>

0
web_embedding/ng-flutter/flutter/web/flutter_bootstrap.js Normal file
View File