flutterweb应⽤详解
1、创建⽀持w eb的应⽤
flutter⽀持地址
//创建新项⽬
flutter create myapp
//已有项⽬⽀持web
flutter create
//构建Web
flutter build web
2、创建APP壳⼯程
///（同上）
3、部署构建的w eb应⽤
//部署到本地测试 (⼀定要CD到构建的build-web路径)
python -m SimpleHTTPServer 9999
//浏览器打开检查否部署成功 注：加了jsbridge的代码之后会报不到js⽅法，页⾯会打不开
```
4、运⾏APP项⽬
[了解空安全]
//⽬前⽼项⽬先忽略⼀下运⾏
flutter run --no-sound-null-safety
5、APP⼯程和w eb⼯程通信
通过对⽐了以下三个框架的评论和评分，暂时先选择了官⽅维护的webview_flutter。
flutter开发app考虑到后期⽅便迭代，APP⼯程尽量不涉及业务代码，整个页⾯直接嵌套webview展⽰，会有⼀些问题是：
1、全⾯屏的适配
Flutter⾥有个SafeArea，⽤这个包裹住webview就会⾃动处于安全区域范围内，SafeArea可以设置上下是否在安全区域内，默认true 2、应⽤SafeArea之后状态栏的颜⾊是由APP项⽬端改还是web项⽬端改
6、遇到的问题
1、wkwebview在iOS 15模拟器⽩屏
2、启动页⽩屏，可以在iOS、Android原⽣端设置启动页
7、打包
iOS端 Xcode 打开workspace，正常打包，Android端还没试

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。