Flutter智能界面构建插件flutter_smartface的使用

本指南将详细介绍如何在Android设备上安装并运行SmartFace Flutter插件。

目录

• 下载原生库
• 解压到libs文件夹
• 修改android/app/build.gradle
• 获取凭证

下载原生库

1. 从以下Google Drive链接下载原生库：

   https://drive.google.com/file/d/1ChFdAtnGLKm7y0REVLdrQQCBd59rV45n/view?usp=drive_link
   

解压到libs文件夹

1. 下载完成后，解压libs.zip文件到你的Flutter项目目录下的android/文件夹内。

   unzip path/to/downloaded/libs.zip -d path/to/flutter_project/android/
   

修改android/app/build.gradle

1. 打开android/build.gradle文件，并添加以下内容：

   project(':flutter_smartface') {
       ext.libsDir = rootProject.file('libs')
   }
   

   添加完后，确保同步你的项目。

获取凭证

1. 完成设置还需要特定的SmartFace服务凭证。请联系支持团队以获取这些凭证。

恭喜你，已经成功为Android设备设置了SmartFace Flutter插件！如果遇到任何问题，请参阅故障排除部分或联系支持团队。

示例代码

以下是使用SmartFace插件的基本示例：

// Copyright 2024 Vísica AI Solutions. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_crashlytics/firebase_crashlytics.dart';
import 'package:flutter/material.dart';
import 'package:flutter_smartface_example/alpha_page.dart';
import 'package:flutter_smartface_example/firebase_options.dart';

final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化Firebase应用
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  
  // 启用Firebase Crashlytics收集错误
  await FirebaseCrashlytics.instance.setCrashlyticsCollectionEnabled(true);
  
  // 设置错误处理器
  FlutterError.onError = FirebaseCrashlytics.instance.recordFlutterError;
  
  // 运行应用程序
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorKey: navigatorKey,
      debugShowCheckedModeBanner: false,
      title: 'Flutter Smartface Example',
      
      // 主题配置
      theme: ThemeData(
        colorScheme: ColorScheme.fromSwatch(
          primarySwatch: Colors.purple,
          accentColor: Colors.purple[800],
        ),
        brightness: Brightness.light,
        primaryColor: Colors.purple[800],
        fontFamily: 'Montserrat',
        textTheme: const TextTheme(
          titleLarge: TextStyle(fontSize: 36.0, fontWeight: FontWeight.bold),
          bodyMedium: TextStyle(fontSize: 14.0, fontFamily: 'Hind'),
        ),
        elevatedButtonTheme: ElevatedButtonThemeData(
          style: ElevatedButton.styleFrom(
            foregroundColor: Colors.white,
            backgroundColor: Colors.purple[800],
            textStyle: const TextStyle(
              fontSize: 16.0,
              fontWeight: FontWeight.bold,
            ),
            padding: const EdgeInsets.symmetric(
              horizontal: 16.0,
              vertical: 12.0,
            ),
            minimumSize: const Size.fromHeight(50),
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(8.0),
            ),
          ),
        ),
        sliderTheme: SliderThemeData(
          activeTrackColor: Colors.purple[400],
          inactiveTrackColor: Colors.purple[100],
          thumbColor: Colors.purple[600],
          overlayColor:
              Colors.purple[300]?.withOpacity(0.2), // 透明度滑块圆圈
          thumbShape: const RoundSliderThumbShape(enabledThumbRadius: 12.0),
          overlayShape: const RoundSliderOverlayShape(overlayRadius: 28.0),
        ),
        inputDecorationTheme: InputDecorationTheme(
          focusedBorder: OutlineInputBorder(
            borderRadius: BorderRadius.circular(8.0),
            borderSide: const BorderSide(
              color: Colors.purple,
            ),
          ),
          enabledBorder: OutlineInputBorder(
            borderRadius: BorderRadius.circular(8.0),
          ),
          errorBorder: OutlineInputBorder(
            borderRadius: BorderRadius.circular(8.0),
            borderSide: const BorderSide(
              color: Colors.red,
              width: 2.0,
            ),
          ),
          focusedErrorBorder: OutlineInputBorder(
            borderRadius: BorderRadius.circular(8.0),
            borderSide: const BorderSide(
              color: Colors.red,
              width: 2.0,
            ),
          ),
          hintStyle: const TextStyle(
            color: Colors.grey,
            fontSize: 14.0,
          ),
        ),
        bottomNavigationBarTheme: BottomNavigationBarThemeData(
          backgroundColor: Colors.purple[800],
          selectedItemColor: Colors.white,
          unselectedItemColor: Colors.white70,
          selectedLabelStyle: const TextStyle(fontWeight: FontWeight.w600),
          unselectedLabelStyle: const TextStyle(fontWeight: FontWeight.w600),
        ),
        appBarTheme: AppBarTheme(
          color: Colors.purple[800],
          iconTheme: const IconThemeData(
            color: Colors.white,
          ),
          elevation: 0,
          toolbarTextStyle: const TextTheme(
            titleLarge: TextStyle(
              color: Colors.white,
              fontSize: 20.0,
              fontWeight: FontWeight.bold,
            ),
          ).bodyMedium,
          titleTextStyle: const TextTheme(
            titleLarge: TextStyle(
              color: Colors.white,
              fontSize: 20.0,
              fontWeight: FontWeight.bold,
            ),
          ).titleLarge,
        ),
      ),
      
      // 首页
      home: const AlphaPage(),
    );
  }
}