flutter调用JavaScript

最新推荐文章于 2025-09-16 07:14:07 发布

原创

最新推荐文章于 2025-09-16 07:14:07 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一个使用Flutter JS引擎的示例应用，展示了如何在Flutter项目中集成和使用JS引擎进行JavaScript代码的评估。通过创建一个简单的应用，演示了初始化JS引擎、评估JS表达式并获取结果的过程。

flutter_js: ^0.0.2+1

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:flutter_js/flutter_js.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _jsResult = '';
  int _idJsEngine = -1;
  @override
  void initState() {
    super.initState();
    initJsEngine();
  }

  // Platform messages are asynchronous, so we initialize in an async method.
  Future<void> initJsEngine() async {
  

    try {
      _idJsEngine = await FlutterJs.initEngine();
    } on PlatformException catch (e) {
      print('Failed to init js engine: ${e.details}');
    }

    // If the widget was removed from the tree while the asynchronous platform
    // message was in flight, we want to discard the reply rather than calling
    // setState to update our non-ex