Flutter插件dartified的特性与使用指南

dartified

dartified 是一个用于在将 Dart/Flutter 编译到 Web 时处理 JavaScript 库的救命工具。

特性

以下函数仅在编译 Dart/Flutter 项目到 Web 时有效：

• <code>isBasicType(value)</code> - 检查某个值是否无需在 JavaScript 和 Dart 之间进行转换。
• <code>dartify(dynamic object)</code> - 将 JavaScript 对象转换为可以在 Dart 中使用的对象。
• <code>jsify(Object object)</code> - 将 Dart 对象转换为可以传递给 JavaScript 的对象。
• <code>promiseToFuture(JsObject object)</code> - 将 JavaScript Promise 对象转换为 Dart 的 Future 对象。

使用示例

以下是一个完整的示例，展示如何使用 dartified 插件来调用浏览器的 fetch API 并打印结果。

示例代码

import 'dart:js' as js;

import 'package:dartified/dartified.dart';

/// An example using browser's fetch.
Future<void> main() async {
  try {
    // 调用浏览器的 fetch API
    var response = await Dartified.promiseToFuture(
      js.context.callMethod(
        Dartified.jsify('fetch'),
        [
          Dartified.jsify(
            'https://api.github.com/repos/javascript-tutorial/en.javascript.info/commits',
          ),
        ],
      ),
    );

    // 将响应转换为 JSON 字符串
    var json =
        await Dartified.promiseToFuture<String>(response.callMethod('json'));

    // 将 JSON 转换为 Dart 可用的对象并打印
    print(Dartified.dartify(json));
  } catch (e) {
    // 捕获并打印错误信息
    print('error: $e');
  }
}