13518219792
常规操作，就是使用android studio编辑器，Flie--New--New Flutter Project
网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了赤峰免费建站欢迎大家使用！
一路直接Next+Finish ，项目就创建成功了。
常规的运行到手机或者模拟器上就不说了，下面说下运行到web浏览器上。
如上图，选择最后一个是手机真机调试，选择Chome或者Edge都可以运行到web浏览器中，选择好后点击绿色运行按钮。
先运行下,看当前flutter 是否支持web项目, 如果没有enable-web: true 则输入 flutter config --enable-web
这时候项目中就包含了web文件夹.
输入 flutter build web 就可以在build文件夹中生成web文件, 将它放到到tomcat或者其他容器就能访问了!
附上项目的测试连接:
参考：
Nginx 是一个高性能的 HTTP 和反向代理 web 服务器，我们可以把我们应用发布到 Nginx上，提供IP地址给外部访问。
① 进入容器：
② 切换到容器的配置文件目录
③ 查看配置文件
或者安装并通过vim打开
在默认配置下，网页文件位于/usr/share/nginx/html 目录下，我们只需将编译后的flutter web文件放在该目录下可以。
Flutter的webview常用的第三方库有 flutter_webview_plugin 、 webview_flutter ，后者的文档较少，暂先学习flutter_webview_plugin。
添加依赖
导入包
iOS端info.plist配置，其中NSAppTransportSecurity节点是为了支持http协议
一个简单的demo
要监听链接跳转的话，实现onUrlChanged即可
添加依赖
导入包
iOS端info.plist配置
一个简单的demo
但是在webview里点击链接跳转的时候，测试机有时会跳转到系统浏览器上，并且点击文本框无法弹出键盘，交互性很弱。
二者共同的缺点是与javascript难以交互，目前只能实现Flutter-JS传递信息，还没找到可以进行完美交互的第三方库。并且一些常见的协议还不支持，比如拨号和调用摄像头等，期待后续完善。
如果没有输出可能原因有两个
1.我们使用 vscode ## vs code支持的额很好。
版本问题 -- 自行查找对应版本
修改 yaml 文件中的版本知道运行成功。或者直接改成any，从lock文件中找到真正版本再修改yaml中的文件
Flutter 2.5.1
在项目目录下，在终端运行以下命令：
Flutter 中文文档 - Flutter 中文资源 | 在 Web 中展示图片
在无法修改服务器配置的情况下可以使用html渲染。此外官方文档中建议，如果显示的图片较多，使用html渲染性能更好
webview只支持移动端，其它平台尝试打开网页
webview - web view for flutter web application - Stack Overflow
使用 package_info_plus | Flutter Package (pub.dev) 替换package_info
使用 --base-href ，可设置服务器子目录
