flutter嵌入HTML5页面,Flutter与JS的双向调用、Flutter中Widget与Html混合加载

题记

—— 执剑天涯，从你的点滴积累开始，所及之处，必精益求精。

Flutter是谷歌推出的最新的移动开发框架。

如下图所示，上部分的轮播图是使用 Flutter Widget 构建的，下面的博客内容是使用 插件加载的 Html 内容。

这种效果的应用场景 如商品详情页面。

1 前言

小编的性格是用不合适，就去造个轮子，在Flutter 中加载 Html 的以有的插件多多少少满足不了小编的需求，所以小编造了个 flutter_fai_webview 插件，用来处理 Flutter 与 Html 的双向交互。

2 Demo 实现

首先是这个Demo的主体是使用Scaffold来构建的，当然也需要注意要导包的，代码如下

import 'package:flutter/material.dart';

import 'dart:async';

import 'package:flutter_fai_webview/flutter_fai_webview.dart';

import 'package:flutter_swiper/flutter_swiper.dart';

/// 混合页面加载

/// 一般用于商品详情页面的添加

/// 如这里的上半部分是 Flutter Widget 内容 下半部分是 WebView<