A new Flutter project.
This project is a starting point for a Flutter application.
A few resources to get you started if this is your first Flutter project:
For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.
flutter doctor output
[√] Flutter (Channel stable, 3.3.0, on Microsoft Windows [Version 10.0.22000.1042], locale en-IN)
[√] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[√] Chrome - develop for the web
[√] Visual Studio - develop for Windows (Visual Studio Build Tools 2019 16.11.15)
[√] Android Studio (version 2021.2)
[√] VS Code (version 1.71.2)
[√] Connected device (3 available)
[√] HTTP Host Availability
Except Web Environment you can compile Apps normally, Flutter Web need some patching see below for more info.
You can access ZeroFrame API access/ZeroNetX Websocket Commands using zeronet_ws package in pubspec.yaml file.
dependencies:
zeronet_ws: #^0.0.8 #versioned
git: https://github.com/ZeroNetX/zeronet_ws.git #git repoAdd below line in your index.html
<head>
...
<script type="text/javascript" src="assets/packages/zeronet_ws/js/ZeroFrame.js"></script>
</head>Flutter Web Apps needs monkeyPatching to load files, thus index.html' should load _flutter Engine as below without this your Web App will failed to load.
<body>
<script>
// `frame` variable is accessed by bindings of lib, thus name should not be changed.
var frame = new ZeroFrame();
frame.monkeyPatchAjax();
frame.cmd("siteInfo", [], function () {
var script = document.createElement("script");
script.src = "main.dart.js";
script.type = "text/javascript";
document.body.appendChild(script);
//Uncomment Below for MaterialIcons Support
/*
script = document.createElement("script");
script.src = "assets/fonts/MaterialIcons-Regular.otf";
script.type = "application/octet-stream";
document.body.appendChild(script);
*/
_flutter.loader.loadEntrypoint(null).then(function (engineInitializer) {
return engineInitializer.initializeEngine();
}).then(function (appRunner) {
return appRunner.runApp();
});
});
</script>
</body>flutter build web --pwa-strategy=none --dart-define=SITE_ADDR=1Mc588z8kuAEDQu8VFetR9vKaxHPyRax4M --dart-define=FLUTTER_WEB_CANVASKIT_URL=/raw/1Mc588z8kuAEDQu8VFetR9vKaxHPyRax4M/canvaskit/ --base-href=/1Mc588z8kuAEDQu8VFetR9vKaxHPyRax4M/
Note: In the above build step
1Mc588z8kuAEDQu8VFetR9vKaxHPyRax4Mis example site address, You need to replace that address with your own.