flutter如何使用arcore_flutter_plugin插件

我在Flutter项目中尝试使用arcore_flutter_plugin插件实现AR功能，但遇到了一些问题：

  1. 按照官方文档添加依赖后，运行项目时提示插件不兼容当前的Flutter版本，该如何解决？
  2. 插件初始化后无法正常显示AR场景，控制台报错“Missing ARCore”，但设备已安装ARCore服务，需要额外配置吗？
  3. 如何通过该插件实现基础的3D模型加载和交互功能？是否有完整的示例代码可以参考？
  4. 在iOS端调试时是否需要额外设置？与Android端的实现有哪些差异？

希望有经验的朋友能帮忙解答，谢谢！

2 回复

使用 arcore_flutter_plugin 插件在 Flutter 中集成 ARCore 的步骤如下：

  1. 添加依赖：在 pubspec.yaml 中添加：

    dependencies:
  arcore_flutter_plugin: ^latest_version

  2. 配置 Android：

    • 确保 minSdkVersion ≥ 24。
    • 在 AndroidManifest.xml 中添加 ARCore 权限和元数据：
    <uses-permission android:name="android.permission.CAMERA" />
<uses-feature android:name="android.hardware.camera.ar" android:required="true" />
<application>
  <meta-data android:name="com.google.ar.core" android:value="required" />
</application>

  3. 使用插件：

    • 导入包：import 'package:arcore_flutter_plugin/arcore_flutter_plugin.dart';
    • 在 Widget 中使用 ArCoreView：
    ArCoreView(
  onArCoreViewCreated: _onArCoreViewCreated,
),
    • 实现回调函数，例如添加 3D 物体：
    void _onArCoreViewCreated(ArCoreController controller) {
  controller.addArCoreNodeWithAnchor(
    ArCoreReferenceNode(
      name: "object",
      objectUrl: "model.glb",
      position: ArCoreVector(0, 0, -1),
    ),
  );
}

  4. 注意：仅支持 Android 设备，且需设备兼容 ARCore。发布前测试目标设备兼容性。

更多关于flutter如何使用arcore_flutter_plugin插件的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中使用 arcore_flutter_plugin 插件需要以下步骤：

1. 环境配置

  • Android 要求：确保设备支持 ARCore（Android 7.0 及以上，且设备在 ARCore 支持列表中）。
  • iOS 要求：需使用 ARKit（iOS 11.0 及以上），但注意该插件主要针对 Android ARCore，对 iOS 支持有限。

2. 添加依赖

在 pubspec.yaml 中添加：

dependencies:
  arcore_flutter_plugin: ^latest_version

运行 flutter pub get 安装。

3. 配置权限（Android）

在 android/app/src/main/AndroidManifest.xml 中添加：

<uses-permission android:name="android.permission.CAMERA" />
<uses-feature
    android:name="android.hardware.camera.ar"
    android:required="true" />

4. 基本用法

在 Dart 文件中导入插件并创建 AR 场景：

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

class ARScreen extends StatefulWidget {
  @override
  _ARScreenState createState() => _ARScreenState();
}

class _ARScreenState extends State<ARScreen> {
  ArCoreController? arCoreController;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ArCoreView(
        onArCoreViewCreated: _onArCoreViewCreated,
      ),
    );
  }

  void _onArCoreViewCreated(ArCoreController controller) {
    arCoreController = controller;
    // 添加 AR 对象（例如立方体）
    _addCube();
  }

  void _addCube() {
    final material = ArCoreMaterial(
      color: Colors.blue,
    );
    final cube = ArCoreCube(
      materials: [material],
      size: Vector3(0.5, 0.5, 0.5),
    );
    final node = ArCoreNode(
      shape: cube,
      position: Vector3(0, 0, -1.5),
    );
    arCoreController?.addArCoreNode(node);
  }

  @override
  void dispose() {
    arCoreController?.dispose();
    super.dispose();
  }
}

5. 运行项目

连接支持 AR 的设备，执行 flutter run。首次使用需安装 ARCore 服务（Android）。

注意事项

  • 插件兼容性：检查插件版本与 Flutter SDK 的兼容性。
  • iOS 限制：若需 iOS AR 功能，可结合 arkit_flutter_plugin。
  • 性能优化：避免复杂模型，确保帧率稳定。

通过以上步骤即可在 Flutter 中集成 ARCore 功能，实现基本的 AR 场景渲染。

回到顶部