Flutter1.9体验flutterweb

flutter从1.9开始,flutter_web嵌入到了flutter SDK主包中,这样更加方便我们开发者利用一套代码去开发iOS,android,web端代码了,为了体验这种效果,笔者也踩过了不少坑,先列出体验步骤,以及注意事项:

1.切换为master分支

flutter channel master

经笔者测试,在尽管stable也能升级flutter1.9,但是不能执行web测试

2.跟踪代码,构建flutter tools,会指定升级到master分支的最新版本

flutter channel

3.修改flutter设置,终端执行

flutter config --enable-web

以mac为例,其结果就是在~/.flutter_settings文件中插入以下内容

{
  "enable-web": true
}

4.创建项目
默认iOS语言为oc,Android语言为kotlin,如果想修改默认语言请用

flutter create -i objc  flutteroc

创建完项目之后,如果执行flutter devices,会发现chrome已经在列表中

5.运行在chrome上

flutter run -d chrome