如何在Flutter中获取JavaScript返回的缅甸日历数据 需用WebView吗

你不需要强制依赖WebView实现该需求，有多种实现方案可选，以下是具体说明： #

方案1：轻量JS运行时实现（无需WebView，推荐） #

• 核心依赖：使用flutter_js或flutter_qjs插件，这两个插件都提供了独立的JavaScript运行环境，不需要嵌入WebView即可执行JS代码。
• 实现步骤：
  1. 下载mcalrs.js文件到Flutter项目的assets目录中，在pubspec.yaml中完成静态资源注册
  2. 项目中添加flutter_js依赖：在pubspec.yaml的dependencies下添加flutter_js: ^0.8.0（可替换为适配你项目的兼容版本）
  3. 加载并执行JS代码获取日期字符串，示例代码如下：

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

// 初始化JS运行时
final JavascriptRuntime jsRuntime = getJavascriptRuntime();

Future<String> getMyanmarDate() async {
  // 加载本地JS文件内容
  final jsContent = await rootBundle.loadString('assets/mcalrs.js');
  // 执行JS代码初始化日历库
  await jsRuntime.evaluate(jsContent);
  // 调用库中暴露的日期获取方法，可提前在浏览器控制台确认实际的方法名
  final result = jsRuntime.evaluate("getMyanmarCalendarDate()");
  return result.stringResult;
}

// 拿到返回的字符串后直接传入Text组件展示即可

方案2：WebView实现（可选） #

• 如果你不想调试JS库暴露的方法，也可以使用webview_flutter插件实现：
  1. 编写本地HTML文件，包含你提供的a标签和script引入逻辑
  2. 用WebView加载本地HTML，通过JS Channel将页面生成的日期字符串回传给Flutter层渲染
• 该方案逻辑和Web端完全一致，但会比轻量JS运行时消耗更多资源，加载速度更慢。

其他可选方案 #

如果你不想依赖JS代码，也可以查找纯Dart实现的缅甸日历库，直接在Dart层完成日期计算，性能最优，也不需要额外的运行时依赖。

内容的提问来源于stack exchange，提问作者Alex Aung