arkit_flutter_plugin

Note: ARKit is only supported by mobile devices with A9 or later processors (iPhone 6s/7/SE/8/X, iPad 2017/Pro) on iOS 11 and newer. For some features iOS 12 is required.

Usage

Depend on it

Follow the installation instructions from Dart Packages site.

Update Info.plist

The plugin use native view from ARKit, which is not yet supported by default. To make it work add the following code to Info.plist:

    <key>io.flutter.embedded_views_preview</key>
    <string>YES</string>

ARKit uses the device camera, so do not forget to provide the NSCameraUsageDescription. You may specify it in Info.plist like that:

    <key>NSCameraUsageDescription</key>
    <string>Describe why your app needs AR here.</string>

Write the app

The simplest code example:

import 'package:flutter/material.dart';
import 'package:arkit_plugin/arkit_plugin.dart';
import 'package:vector_math/vector_math_64.dart';

void main() => runApp(MaterialApp(home: MyApp()));

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

class _MyAppState extends State<MyApp> {
  ARKitController arkitController;

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

  @override
  Widget build(BuildContext context) => Scaffold(
      appBar: AppBar(title: const Text('ARKit in Flutter')),
      body: ARKitSceneView(onARKitViewCreated: onARKitViewCreated));

  void onARKitViewCreated(ARKitController arkitController) {
    this.arkitController = arkitController;
    final node = ARKitNode(
        geometry: ARKitSphere(radius: 0.1), position: Vector3(0, 0, -0.5));
    this.arkitController.add(node);
  }
}

Result:

Examples

I would highly recommend to review the sample from the Example folder. You may find a couple of samples in the Example folder of the plugin.

Name	Description	Link	Demo
Hello World	The simplest scene with different geometries.	code	twitter
Earth	Sphere with an image texture and rotation animation.	code	twitter
Tap	Sphere which handles tap event.	code	twitter
Plane Detection	Detects horizontal plane.	code	twitter
Distance tracking	Detects horizontal plane and track distance on it.	code	twitter
Measure	Measures distances	code	twitter
Physics	A sphere and a plane with dynamic and static physics	code	twitter
Image Detection	Detects an earth image and puts a 3D object near it.	code	twitter
Custom Light	Hello World scene with a custom light spot.	code
Light Estimation	Estimates and applies the light around you.	code	twitter
Custom Object	Place custom object on plane.	code	twitter
Occlusion	Spheres which are not visible after horizontal and vertical planes.	code	twitter
Manipulation	Custom objects with pinch and rotation events.	code	twitter
Face Tracking	Face mask sample.	code	twitter
Panorama	360 photo.	code	twitter

Contributing

If you find a bug or would like to request a new feature, just open an issue. Your contributions are always welcome!