Comment on page
Quickstart in Flutter

Integrate the ARwayKit SDK with Flutter
In this quickstart guide, we will be integrating the ARwayKit SDK in the standard flutter app
Installed Versions
In this guide, we will be using the following versions of Flutter, Dart, and Unity:
Flutter version: 3.10.5
Dart version: 3.0.5
Unity: 2021.3.17f1
Download the ARwayKit SDK
Steps
1.Download the ARwayKit SDK project from GitHub as a ZIP. You can contact us for access to the ARwayKit SDK.
Creating a Blank Project in Flutter
If you have already created a Flutter project, you may skip the installation instructions and proceed with the next steps. Otherwise, kindly refer to the Flutter documentation for installation guidelines.
flutter create my_project_name
Configure the Flutter Project 
We are using the flutter_unity_widget package to integrate our ARwayKit SDK with Flutter. https://pub.dev/packages/flutter_unity_widget​
Steps
1.Open the pubspec.yaml file and add flutter_unity_widget to it under the dependencies section.
dependencies:
  flutter_unity_widget: ^2022.2.0
Now inside your Dart code you can import it.
import 'package:flutter_unity_widget/flutter_unity_widget.dart';
2.After adding the dependencies, you need to fetch them into your Flutter project. 
You can fetch the dependencies by -
From the terminal: Run flutter pub get
OR
From Android Studio/IntelliJ: Click Packages get in the action ribbon at the top of pubspec.yaml.
From VS Code: Click Get Packages located on the right side of the action ribbon at the top of pubspec.yaml.
3.Then add an import statement for using the package inside your Dart code.
We have created sample Dart files with unity pre-integrated to help you get started quickly with the project. The Dart files are located in the lib folder within the Flutter project.

Add the ARwayKit SDK to the Flutter Folder
Steps:
1.Download the Source code (zip) from the GitHub repo (ARwayKit-Unity-SDK-ARwayKit-SDK-v2.5.1.zip). 
2.Extract the source code from the downloaded zip file by right-clicking on it and selecting "Extract All" or using a zip extraction tool of your choice.
3.In your Flutter app directory, create a new folder named "unity".
Move the extracted Unity project folder into the newly created "unity" folder. The expected path should be: unity/ARwayKit-Unity-SDK-ARwayKit-SDK-v2.5.1/...
4.Make sure you have the Unity editor version 2021.3.17f1 installed on your computer. If you don't have it, download and install it from the official Unity website.
5.Open the Unity editor and navigate to the "ARwayKit-Unity-SDK-ARwayKit-SDK-v2.5.1" folder by selecting "Open Project" from the Unity editor's file menu and choosing the appropriate folder.
6.Before opening the project, ensure that you have the required modules downloaded and installed for both Android and iOS builds. If you haven't already, download and install the following modules in the Unity Hub:
Android Build Support
OpenJDK
Android SDK & NDK Tools
iOS Build Support
7.Once you have the required modules installed, open the Unity project by selecting it from the Unity Hub or by double-clicking on the Unity project file in the "ARwayKit-Unity-SDK-ARwayKit-SDK-v2.5.1" folder.
8.After opening the project, the Unity editor will start importing the necessary files, and a new Unity editor window will open, displaying the project's contents.
Updating the Addressables Groups
When opening the project in Unity for the first time, you will need to build the Addressables Groups.
1.Switch the build platform to either iOS or Android
"File-> Build Settings..." then select the Android or iOS as the Platform.
2.Click "Switch Platform" on the bottom right.
3.Navigate to "Window -> Asset Management -> Addressable -> Groups".
4.In the Addressables Groups window, click on "Build -> New Build -> Default Build Script".
5.In the Console window, you should see the success message "Addressable content successfully built".
When making any changes that affect localization strings, you will need to update the Addressables Groups.
Configure the flutter_unity_widget Package
Configuring the flutter_unity_widget can be done by following the instructions in their README.md, or by following the steps outlined below.
Make sure to add the Account ID and Secret Key variables to the Unity project. Follow the guide for Integrating Unity Packages for instructions.
Prerequisites
NDK
Your android project needs to know the path of the NDK Unity uses. You can find the path to the NDK in Unity from Edit -> Preferences -> External Tools:
Copy the path by right click and paste the path here in your android/local.properties, in the Flutter app. The path may vary depending on the local installation settings for Unity.
ndk.dir=/Applications/Unity/Hub/Editor/2021.3.17f1/PlaybackEngines/AndroidPlayer/NDK
OR
ndk.dir=C:\\Program Files\\Unity\\Hub\\Editor\\2021.3.17f1\\Editor\\Data\\PlaybackEngines\\AndroidPlayer\\NDK
On Windows, make sure to include double backslashes in the directory path.
Steps
1.Download the fuw-2022.1.7f1.unitypackage file and place it into the Unity project folder.
The expected path is unity/ARwayKit-Unity-SDK-ARwayKit-SDK-v2.3.1/fuw-2022.1.7f1.unitypackage
2.Using Unity, open the Unity project, go to File -> Build Settings -> Player Settings -> Settings for Android -> Other Settings and change the following under the Configuration section:
In Scripting Backend, change to IL2CPP
In Target Architectures, select ARMv7 and ARM64
3.File -> Build Settings -> Player Settings -> Settings for iOS -> Other Settings and change the following under the Configuration section:
In Scripting Backend, change to IL2CPP
In Target Device, choose iPhone Only
In Target SDK, choose Device SDK
4.Go to Assets -> Import Package -> Custom Package and select the FlutterUnityPackage.unitypackage file. 
1.Uncheck the folder JsonDotNet
2.Uncheck the file FlutterUnityIntegration/Demo/SceneLoader.cs
3.Click on Import.
5.After importing, click on Flutter and select the Export Android Debug or Export Android Release option (will export to android/unityLibrary) or the Export iOS Debug or Export iOS Release option (will export to ios/UnityLibrary).
Android
6.1. Open the android/settings.gradle file and add the following:
+    include ":unityLibrary"
+    project(":unityLibrary").projectDir = file("./unityLibrary")
6.2. The minimum SDK version required for this app is 24. Open the android/app/build.gradle file and change the following:
     android {
          defaultConfig {
+            minSdkVersion 24                                                                            
          }  
     }
     dependencies {
+        implementation project(':unityLibrary')
     }
6.3. If you need to build a release package, open the android/app/build.gradle file and change the following:
     buildTypes {
         release {
             signingConfig signingConfigs.debug
         }
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        profile {
+            signingConfig signingConfigs.debug
+        }
+        innerTest {
+            matchingFallbacks = ['debug', 'release']
+        }
+   }
The code above use the debug signConfig for all buildTypes, which can be changed as you well if you need specify signConfig.
6.4. (Optional) If you use minifyEnabled true in your android/app/build.gradle file, open the android/unityLibrary/proguard-unity.txt and change the following:
+    -keep class com.xraph.plugin.** {*;}
6.5. Open the android/unityLibrary/src/main/AndroidManifest.xml and change the following:
-    <provider android:name="androidx.core.content.FileProvider" android:authorities="com.arway.sdkviewer.unitywebview.fileprovider" android:exported="false" android:grantUriPermissions="true"> 
-        <meta-data android:name="android.support.FILE_PROVIDER_PATHS" android:resource="@xml/unitywebview_file_provider_paths" /> 
-    </provider>
6.6. (Optional) If you want Unity in it's own activity as an alternative, open the android/unityLibrary/src/main/AndroidManifest.xml and change the following:
+    <activity
+        android:name="com.xraph.plugin.flutter_unity_widget.OverrideUnityActivity"
+        android:theme="@style/UnityThemeSelector"
+        android:screenOrientation="fullSensor"
+        android:launchMode="singleTask"
+        android:configChanges="mcc|mnc|locale|touchscreen|keyboard|keyboardHidden|navigation|orientation|screenLayout|uiMode|screenSize|smallestScreenSize|fontScale|layoutDirection|density"
+        android:hardwareAccelerated="false"
+        android:process=":Unity">
+    <meta-data android:name="com.xraph.plugin.flutter_unity_widget.OverrideUnityActivity" android:value="true" />
+    </activity>
iOS
6.1. Open the ios/Runner.xcworkspace (workspace, not the project) file in Xcode, right-click on the Navigator (not on an item), go to Add Files to "Runner" and add the ios/UnityLibrary/Unity-Iphone.xcodeproj file.
6.2. (Optional) Select the Unity-iPhone/Data folder and change the Target Membership for Data folder to UnityFramework.
6.3.1. If you're using Swift, open the ios/Runner/AppDelegate.swift file and change the following:
     import UIKit
     import Fluttergit
+    import flutter_unity_widget
     @UIApplicationMain
     @objc class AppDelegate: FlutterAppDelegate {
         override func application(
             _ application: UIApplication,
             didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
         ) -> Bool {
+            InitUnityIntegrationWithOptions(argc: CommandLine.argc, argv: CommandLine.unsafeArgv, launchOptions)
​
             GeneratedPluginRegistrant.register(with: self)
             return super.application(application, didFinishLaunchingWithOptions: launchOptions)
         }
     }
6.3.2. If you're using Objective-C, open the ios/Runner/main.m file and change the following:
+    #import "flutter_unity_widget.swift.h"
​
     int main(int argc, char * argv[]) {
          @autoreleasepool {
+             InitUnityIntegration(argc, argv);
              return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
          }
     }
6.4. Add the UnityFramework.framework file as a library to the Runner project
6.5 If you are using Xcode 14 or a newer version, and your Unity version is older than 2021.3.17f1 or 2022.2.2f1, there is a possibility that your app may crash when running from Xcode. To resolve this issue, you need to disable the Thread Performance Checker feature in Xcode. Follow these steps:
1.Open Xcode and navigate to Product > Scheme > Edit Scheme...
2.With the "Run" option selected on the left side, go to the Diagnostics tab.
3.Uncheck the checkbox for Thread Performance Checker.
6.6 Open the ios/Runner/Info.plist and change the following:
     <dict>
+        <key>NSCameraUsageDescription</key> 
+        <string>Used for AR Content and mapping</string> 
+        <key>NSLocationWhenInUseUsageDescription</key> 
+        <string>Used to attach maps with global coordinates and public map searching</string> 
+        <key>NSMicrophoneUsageDescription</key> 
+        <string>Used for creating audio content</string> 
+        <key>NSPhotoLibraryAddUsageDescription</key> 
+        <string>The app requires access to Photos to save media to it.</string> 
+        <key>NSPhotoLibraryUsageDescription</key> 
+        <string>The app requires access to Photos to interact with it.</string> 
     </dict>
Sample Dart Files
We have created sample Dart files to help you get started quickly with the project.
main.dart
main.dart
1
import 'package:flutter/material.dart';
2
​
3
import 'menu_screen.dart';
4
import 'arwaysdk_unity_screen.dart';
5
​
6
void main() {
7
  runApp(MyApp());
8
}
9
​
10
class MyApp extends StatelessWidget {
11
  // This widget is the root of your application.
12
  @override
13
  Widget build(BuildContext context) {
14
    return MaterialApp(
15
      title: 'My Flutter App',
16
      theme: ThemeData.dark(),
17
      initialRoute: '/',
18
      routes: {
19
        '/': (context) => MenuScreen(),
20
        '/unity': (context) => ARwayKitUnityScreen(),
21
      },
22
    );
23
  }
24
}
​
menu_screen.dart
menu_screen.dart
1
import 'package:flutter/material.dart';
2
​
3
class MenuScreen extends StatefulWidget {
4
  const MenuScreen({Key? key}) : super(key: key);
5
​
6
  @override
7
  // ignore: library_private_types_in_public_api
8
  _MenuScreenState createState() => _MenuScreenState();
9
}
10
​
11
class _MenuScreenState extends State<MenuScreen> {
12
  final String title = 'Open ARway SDK';
13
  final String route = '/unity';
14
​
15
  @override
16
  Widget build(BuildContext context) {
17
    return Scaffold(
18
      appBar: AppBar(
19
        title: const Text('ARwayKit Flutter Demo'),
20
      ),
21
      body: Center(
22
        child: Column(
23
          children: [
24
            const SizedBox(
25
              height: 32,
26
            ),
27
            const Padding(
28
              padding: EdgeInsets.all(30),
29
              child: Text(
30
                'Example scene to show how to link "ARwayKit SDK" scenes with '
31
                'Flutter.',
32
                style: TextStyle(
33
                  fontSize: 24,
34
                  letterSpacing: 2,
35
                  wordSpacing: 5,
36
                  fontStyle: FontStyle.italic,
37
                ),
38
              ),
39
            ),
40
            const SizedBox(
41
              height: 96,
42
            ),
43
            Padding(
44
              padding: const EdgeInsets.all(30),
45
              child: ElevatedButton(
46
                onPressed: () {
47
                  Navigator.of(context).pushNamed(route);
48
                },
49
                style: ElevatedButton.styleFrom(
50
                  elevation: 10,
51
                  primary: Color(0xFF1AB146),
52
                  minimumSize: Size(192, 64),
53
                ),
54
                child: Text(
55
                  title,
56
                  style: const TextStyle(
57
                    fontSize: 20,
58
                    fontWeight: FontWeight.bold,
59
                  ),
60
                ),
61
              ),
62
            ),
63
          ],
64
        ),
65
      ),
66
    );
67
  }
68
}
​
arwaysdk_unity_screen.dart
arwaysdk_unity_screen.dart
1
import 'package:flutter/material.dart';
2
import 'package:flutter_unity_widget/flutter_unity_widget.dart';
3
​
4
class ARwayKitUnityScreen extends StatefulWidget {
5
  ARwayKitUnityScreen({Key? key}) : super(key: key);
6
​
7
  @override
8
  _ARwayKitUnityScreenState createState() => _ARwayKitUnityScreenState();
9
}
10
​
11
class _ARwayKitUnityScreenState extends State<ARwayKitUnityScreen> {
12
  static final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
13
​
14
  late UnityWidgetController _unityWidgetController;
15
​
16
  @override
17
  void initState() {
18
    super.initState();
19
  }
20
​
21
  @override
22
  void dispose() {
23
    _unityWidgetController.dispose();
24
    super.dispose();
25
  }
26
​
27
  @override
28
  Widget build(BuildContext context) {
29
    return Scaffold(
30
      key: _scaffoldKey,
31
      appBar: AppBar(
32
        title: const Text('Home'),
33
      ),
34
      body: Card(
35
        margin: const EdgeInsets.all(8),
36
        clipBehavior: Clip.antiAlias,
37
        shape: RoundedRectangleBorder(
38
          borderRadius: BorderRadius.circular(20.0),
39
        ),
40
        child: Stack(
41
          children: [
42
            UnityWidget(
43
              onUnityCreated: _onUnityCreated,
44
              onUnityMessage: onUnityMessage,
45
              onUnitySceneLoaded: onUnitySceneLoaded,
46
              useAndroidViewSurface: true,
47
              borderRadius: const BorderRadius.all(Radius.circular(70)),
48
            ),
49
          ],
50
        ),
51
      ),
52
    );
53
  }
54
​
55
  void setRotationSpeed(String speed) {
56
    _unityWidgetController.postMessage(
57
      'Cube',
58
      'SetRotationSpeed',
59
      speed,
60
    );
61
  }
62
​
63
  void onUnityMessage(message) {
64
    print('Received message from unity: ${message.toString()}');
65
  }
66
​
67
  void onUnitySceneLoaded(SceneLoaded? scene) {
68
    print('Received scene loaded from unity: ${scene?.name}');
69
    print('Received scene loaded from unity buildIndex: ${scene?.buildIndex}');
70
  }
71
​
72
  // Callback that connects the created controller to the unity controller
73
  void _onUnityCreated(controller) {
74
    controller.resume();
75
    this._unityWidgetController = controller;
76
  }
77
}
​
How to use ARway SDK Scenes?
For how to use the scenes in the ARwayKit SDK, kindly look at the documentation for those scenes linked below.
ARWAY SDK
Build And Run:
Run the app on Android with the following command. For iOS, build an XCode project to deploy it to an iOS device from the IDE of your choice.
flutter run
The application must be run on a real device rather than an emulator.
Extras:
Here are some extra methods and APIs which you can implement to communicate to and from Unity using Flutter. 
Props 
fullscreen (Enable or disable fullscreen mode on Android)
disableUnload (Disable unload on iOS when unload is called)
API 
pause() (Use this to pause unity player)
resume() (Use this to resume unity player)
unload() (Use this to unload unity player)
quit() (Use this to quit unity player)
postMessage(String gameObject, methodName, message) (Allows you invoke commands in Unity from flutter)
onUnityMessage(data) (Unity to flutter binding and listener)
onUnityUnloaded() (Unity to flutter listener when unity is unloaded)
onUnitySceneLoaded(String name, int buildIndex, bool isLoaded, bool isValid,) (Unity to flutter binding and listener when a new scene is loaded)
To see more details, check out the package's official documentation linked below. 
​https://pub.dev/documentation/flutter_unity_widget/latest/​
ARwayKit SDK Integrations - Previous
Flutter
Next - ARwayKit SDK Integrations
React Native
Last modified 13d ago