A Flutter plugin that provides a Mirrar Skincare AR widget.
This plugin provide the mirror skincare functionality.
To use the MirrAR skinCareAR Flutter plugin in your Flutter project, Please run this command
flutter pub add plugin_skincarear_mirrar
Run this command:
With Flutter:
$ flutter pub add plugin_skincarear_mirrar
This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get
):
dependencies:
plugin_skincarear_mirrar: ^0.0.1
Alternatively, your editor might support flutter pub get
. Check the docs for your editor to learn more.
Now in your Dart code, you can use:
import 'package:plugin_skincarear_mirrar/plugin_skincarear_mirrar.dart';
example/lib/main.dart
import 'package:flutter/material.dart';
import 'package:plugin_skincarear_mirrar/plugin_skincarear_mirrar.dart';
import 'package:permission_handler/permission_handler.dart';
Future<void> main() async {
WidgetsFlutterBinding.ensureInitialized();
await Permission.camera.request();
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('SkincarearMirrar Plugin Example'),
),
body: Center(
child: ElevatedButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => Scaffold(
appBar: AppBar(
title: const Text('SkincarearMirrar View'),
),
body: SkincarearMirrarWidget(
brandId:
'brand-id', //Note: You can get the brand ID from your mirrAR Point of Contact
onMessageCallback: (String eventName, Map eventJson) {
//you will get event name and event data
if (eventName == "mirrar-skinAR-loaded") {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('mirrar-skinAR-loaded')),
);
} else if (eventName == "mirrar-skinAR-close") {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('mirrar-skinAR-close')),
);
} else if (eventName == "ui-element-clicked") {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('ui-element-clicked')),
);
} else if (eventName == "skin-results") {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('skin-results')),
);
}
},
),
),
),
);
},
child: const Text('Open SkincarearMirrar View'),
),
),
);
}
}
Download details:
Author: