如何將 Flutter 移動應用遷移到 Flutter Web

Question

我有一個用 flutter 編寫的移動應用程序，我想將它轉換為 flutter_web 應用程序（集成 flutter_web 尚不可用）。 我目前遇到包裹問題。

我已按照本網站https://www.codemitter.com/how-to-add-web-counterpart-in-an-existing-flutter-project/ 中列出的說明進行操作

我收到以下錯誤

webdev could not run for this project.
You have a dependency on `cached_network_image` which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
You have a dependency on `cloud_firestore` which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
You have a dependency on `cupertino_icons` which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
You have a dependency on `firebase_core` which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
You have a dependency on `flutter` which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
You have a dependency on `path_provider` which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
You have a dependency on `sqflite` which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
pub finished with exit code 78

以下插件的 flutter_web 版本是什么？ 如何手動/自動更改此類插件以在 flutter_web 上支持？

Answer 1

遷移到 Flutter Web 時要遵循的步驟：

1. 根據遷移指南更新構建配置

2. 用 flutter_web 替換所有顫振導入

3. 刪除所有依賴於本機平台（android 或 ios）的插件，並用 dart:html 或純 dart 網絡庫（ https://pub.dev/web ）中的等效項替換它們

4. 使用依賴於顫振框架的分叉非本地庫，像這樣https://github.com/rrousselGit/provider/issues/82你可能需要像這樣自己創建一個分叉： https : //github.com/kevmoo/提供者/提交/bb739c96463347dd185331655e1d8895665172b9

步驟 1. 和 2. 是小菜一碟。 但是 3. 和 4. 可能非常有色彩。

Answer 2

flutter_web尚不支持插件，我們還沒有關於遷移故事的詳細信息。 調用本機 Java 或 Swift 代碼的插件將無法自動遷移。 任何導入dart:io或dart:isolate的代碼也不支持，需要重寫。

Answer 3

從 Flutter v1.10開始，您可以將 Flutter 應用程序遷移到 Web。

1. 通過運行啟用 Web 支持：

    flutter config --enable-web

2. 現在，如果你想創建一個新項目，你可以運行

   flutter create project_name

   或者，如果您想將現有的遷移到網絡，請運行

   flutter create .

3. 通過運行檢查連接的設備：

    flutter devices

4. 通過運行以下命令在 chrome 中運行您的應用程序：

    flutter run -d chrome