flutter androidstudio 简单demoapp项目实现运行在chromeweb显示

flutter 1.9更新支持了flutter for web，尝试如何实现一套代码多端使用的效果。

由于使用windows系统，开发ios条件不允许，因此尝试运行android,web两端。

配置好flutter环境

cmd命令行

demo项目的上层目录 cd: .....

flutter channel master
flutter upgrade
//install the master channel of the Flutter SDK for web support
// 更新到最新flutter（近期版本才有支持web）

最后弹出flutter doctor检查完毕

进一步进入项目文件夹  cd 项目名

flutter config --enable-web
//Setting "enable-web" value to "true".
开启对web端的支持

flutter devices
//列出当前连接设备
如你已安装chrome会显示在此处

flutter create .
//Add web support to an existing app
//相当于在目录上创建web编译文件夹，如目录上的andorid/ios

 flutter create 项目名称
//To create a new app that includes web support。
创建支持web端运行的app

flutter run -d chrome
//项目运行在chrome

网页就会弹出demo web显示

在androdistudio打开项目，选择设备会

原app简单demo能正常显示。若demo涉及http包等web不支持的包，就无法迁移成功。

目前由于web和app 依赖库不同（flutter for web | flutter ），还没法完全实现一套代码多端使用的状态。