A Flutter plugin that provides a Mirrar Skincare AR widget

A Flutter plugin that provides a Mirrar Skincare AR widget.

Features

This plugin provide the mirror skincare functionality.

Getting started

To use the MirrAR skinCareAR Flutter plugin in your Flutter project, Please run this command

flutter pub add plugin_skincarear_mirrar

Additional information

Use this package as a library

Depend on it

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.

Import it

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: 

Source: https://pub.dev/packages/plugin_skincarear_mirrar

#flutter #widget #ios