Flutter网页浏览插件ammazza_webar_flutter的使用

Flutter网页浏览插件ammazza_webar_flutter的使用

AMMAZZA 是市场上珠宝行业的多功能产品，融合了AR（增强现实）+ AI（人工智能）+ BI（商业智能）。

通过集成虚拟试戴功能，客户可以随时随地试戴珠宝。

虚拟试戴功能适用于面部和手部珠宝，如耳环、项链、套装、戒指、手链等。

安装

在您的 pubspec.yaml 文件中添加 ammazza_webar_flutter 作为依赖项。

dependencies:
  ammazza_webar_flutter: latest_version

Android

1. 确保在您的 "android/app/build.gradle" 文件中将 compileSdkVersion 设置为 31：

android {
  compileSdkVersion 31
  ...
}

1. 在您的 AndroidManifest.xml 文件中添加权限：

<uses-permission android:name="android.permission.CAMERA" />

iOS

在您的 Info.plist 文件中添加相机权限。

使用

导入包并使用 LiveTryon 组件。

// 导入包
import 'package:ammazza_webar_flutter/ammazza_webar_flutter.dart';

// 使用组件
String clientId = 'your_client_id'; // 您的客户端ID
String productId = 'your_product_id'; // 您要首先试戴的产品ID

Container(
  child: LiveTryon(clientId: '${clientId}', productId: '${productId}'),
),

示例代码

以下是一个完整的示例代码，展示了如何在 Flutter 应用程序中使用 ammazza_webar_flutter 插件。

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);
  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    // 替换为您的实际客户端ID和产品ID
    String clientId = 'your_client_id';
    String productId = 'your_product_id';

    return Scaffold(
      body: Center(
        child: LiveTryon(clientId: '${clientId}', productId: '${productId}'),
      ),
    );
  }
}