flutter 加载js/html代码

依然是废话不说 直接上代码

pubspec.yaml

flutter_html: ^0.10.1+hotfix.1

添加依赖

import 'package:flutter_html/flutter_html.dart';

获取js代码

 String jsCode;
  Future<String> loadJS(String name) async {
    var givenJS = rootBundle.loadString('images/$name.js');
    return givenJS.then((String js) {
      setState(() {
        jsCode = js;
      });
    });
  }

显示js代码

Html(data: jsCode,
        //Optional parameters:
        padding: EdgeInsets.all(8.0),
        backgroundColor: Colors.white70,
        defaultTextStyle: TextStyle(fontFamily: 'serif'),
        linkStyle: const TextStyle(
          color: Colors.redAccent,
        ),
        onLinkTap: (url) {
          // open url in a webview
        },
      );

这个html也是一个Widget 可以直接放进去