使用Flutter + V8/JsCore开发小程序引擎（一）

众所周知，小程序是由HTML标签来开发原生组件，那么首先需要将HTML做解析，这里我们将HTML通过node脚本解析成JSON字符串，再用Dart来解析JSON，映射对应的标签到flutter的组件。这里先简单介绍实现的功能以及展示效果，后续再详细介绍。

创新互联建站-成都网站建设公司，专注成都网站制作、成都网站建设、网站营销推广，域名注册，网络空间，网站托管、服务器租用有关企业网站制作方案、改版、费用等问题，请联系创新互联建站。

为了高效解析，直接用flutter的组件名在HTML文件上开发

直接使用flutter的组件

模仿微信小程序的Api，cc对应是微信小程序的wx

以上HTML中的例子

《使用Flutter + V8/JsCore开发小程序引擎（二）》

《使用Flutter + V8/JsCore开发小程序引擎（三）》

Flutter 修改应用程序的名称和图标

在项目中找到 AndroidManifest.xml 文件，其中 android:label="demo" 就是应用程序名称，修改引号中的内容即可

在项目中找到 mipmap-mdpi mipmap-hdpi mipmap-xhdpi mipmap-xxhdpi mipmap-xxxhdpi 文件夹，替换这些文件夹中的 ic_launcher.png 文件即可

注意：图标有多种尺寸的大小，是为了适配不同分辨率的手机而设计的

在项目中找到 Info.plist 文件，其中 CFBundleDisplayName 和 CFBundleName 下面的就是应用程序名称，修改内容即可

找到项目中的 AppIcon.appiconset 文件夹，其中 Contents.json 是配置文件，其它的图片文件就是图标，替换这些图片文件即可

注意：图标有多种尺寸的大小，是为了适配不同分辨率的手机而设计的

插件地址：

在项目中找到 pubspec.yaml 文件，添加内容如下

插件地址：

在项目中找到 pubspec.yaml 文件，添加内容如下

注意：准备一张 1024x1024 的 png 图片，取名为 icon.png 并把它放在 assets/icon 目录中

找到 ~/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_launcher_icons-0.9.2/lib/android.dart 文件修改内容如下

注意：如果使用了镜像地址就找到 ~flutter/.pub-cache/hosted/pub.flutter-io.cn/flutter_launcher_icons-0.9.2/lib/android.dart 文件来修改以上内容

Flutter入门（3）：第一个flutter程序

运行下方命令，如果提示 -bash: flutter: command not found，请检查 PATH设置

启动模拟器后，使用以下命令检测是否可用。不知道如何启用模拟器的，可以去查看 模拟器配置方法

提示有可用设备时，使用以下命令运行flutter应用

注意 ：需要进入到flutter应用根目录下，执行 flutter run才有效，执行成功后如下图

打开testApp/lib/main.dart文件，如图

在命令行中按照提示输入 r 刷新模拟器页面

futtar.exe是什么程序

flutter是桌面应用程序。

1、使用flutter桌面应用，必须使用master通道，在命令窗口执行以下命令：

flutter channel master

flutter upgrade

2、安装visual studio后，执行flutter doctor命令

3、在visual studio installer中选择对应版本号进行安装：

4、再次执行flutter doctor命令

5、配置执行目标平台

flutter config --enable-windows-desktop

6、命令行切换到flutter-desktop-embedding\example目录下，执行flutter run命令

7、通过visual studio打开目录flutter-desktop-embedding\example\windows下的Runner.sln文件对项目进行打包。

生成的exe可执行文件在目录flutter-desktop-embedding\example\build\windows\x64\Release下

网站名称：程序flutter,程序员自学
本文链接：http://ybzwz.com/article/dseojgs.html