FlutterWeb-01-新建FlutterWeb项目

441 阅读1分钟

一,直接创建app,命令如下:

flutter create -t app --org com.packger.flutter.app flutter_app

执行后,创建包名为com.packger.flutter.app; app名称为flutter_app的flutter app工程,默认支持android,ios,web;

二,创建Flutter-Module工程,并支持Web构建。

  1. 创建Flutter-Module工程,命令如下:

flutter create -t module --org com.packger.flutter.module flutter_module 执行后,创建包名为com.packger.flutter.module; app名称为flutter_module的flutter module工程,默认支持android,ios原生工程,以module依赖的方式集成到项目中,进行混合开发;

  1. 支持web构建: 我们将第一种方式创建的工程,里面的web文件夹,复制到该项目中,相同的位置,即可

web.png

run.png

三,那第二种方式和第一种方式有什么区别呢?

  1. flutter_module支持原生项目进行混合开发
  2. 将flutter_module改造后,既可以构建web应用,也可以进行混合开发
  3. 这样,原生项目可以利用这一特性实现伪热更新,即个别功能,通过配置化,实现加载flutter_module的本地代码,或者加载flutter_module构建的web网页;即不更新app,也可以更新某个功能模块;