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

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

1 HTML部分

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

文件目录如下：

image

config

{

"navigationBarTitleText": "",

"backgroundColor": "#eeeeee",

"enablePullDownRefresh": true

}

HTML

@import "home.css";

{ {item.title}}

{ {item.publisher}}

{ {item.summary.substring(0, 20) + '...'}}

css样式

/* home */

.btn-container{

margin-top:10;

margin-left: 10;

margin-right: 10;

}

.raised-button {

color: white;

}

.image-contain