HarmonyOS鸿蒙Next组件嵌入flutter页面OhosView的使用方法及鸿蒙端实现

HarmonyOS鸿蒙Next组件嵌入flutter页面OhosView的使用方法及鸿蒙端实现 类似于 Android PlatformViewLink 和 iOS UiKitView 鸿蒙端使用例子

2 回复

鸿蒙组件嵌入flutter，可参考：https://gitee.com/openharmony-sig/flutter_samples/tree/master/ohos/flutter_page_sample1

更多关于HarmonyOS鸿蒙Next组件嵌入flutter页面OhosView的使用方法及鸿蒙端实现的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在HarmonyOS鸿蒙Next中嵌入Flutter页面，可以使用OhosView组件。首先，在鸿蒙端创建一个OhosView实例，并将其添加到布局中。然后，通过FlutterEngine加载Flutter页面，并将其与OhosView关联。具体步骤如下：

  1. 创建OhosView：在鸿蒙的XML布局文件中添加OhosView，或在代码中动态创建。
  2. 初始化FlutterEngine：在鸿蒙的Ability中初始化FlutterEngine，并设置Dart入口点。
  3. 关联OhosView与FlutterEngine：通过FlutterEngine的attachToOhosView方法将OhosView与Flutter页面关联。
  4. 加载Flutter页面：使用FlutterEngine加载指定的Flutter页面。

示例代码：

OhosView ohosView = new OhosView(context);
FlutterEngine flutterEngine = new FlutterEngine(context);
flutterEngine.getDartExecutor().executeDartEntrypoint(DartEntrypoint.createDefault());
flutterEngine.attachToOhosView(ohosView);
回到顶部