Flutter图像识别插件vision的使用

当然，以下是一个关于如何在Flutter项目中使用vision插件（即google_ml_kit，因为firebase_ml_vision已经被google_ml_kit替代）来进行图像识别的代码示例。

首先，确保你已经在pubspec.yaml文件中添加了google_ml_kit依赖：

dependencies:
  flutter:
    sdk: flutter
  google_ml_kit: ^0.10.0  # 请检查最新版本号

然后，运行flutter pub get来安装依赖。

接下来是Flutter应用的代码示例：

1. 主应用代码 (main.dart)：

import 'package:flutter/material.dart';
import 'package:google_ml_kit/vision/common.dart';
import 'package:google_ml_kit/vision/label.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ImageRecognitionScreen(),
    );
  }
}

class ImageRecognitionScreen extends StatefulWidget {
  @override
  _ImageRecognitionScreenState createState() => _ImageRecognitionScreenState();
}

class _ImageRecognitionScreenState extends State<ImageRecognitionScreen> {
  List<String> _labels = [];

  void _detectLabels(InputImage image) async {
    final labelDetector = LabelDetector.client();
    final List<DetectedLabel> labels = await labelDetector.process(image);

    setState(() {
      _labels = labels.map((label) => label.text).toList();
    });

    labelDetector.close();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Image Recognition with ML Kit'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Image.asset('assets/sample_image.jpg', width: 300, height: 300), // 使用你自己的图片
            SizedBox(height: 20),
            Text(
              'Detected Labels:',
              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
            ),
            SizedBox(height: 10),
            Expanded(
              child: ListView.builder(
                shrinkWrap: true,
                itemCount: _labels.length,
                itemBuilder: (context, index) {
                  return Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Text(
                      _labels[index],
                      style: TextStyle(fontSize: 18),
                    ),
                  );
                },
              ),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () async {
                // 假设你已经有一个`InputImage`实例，这里使用本地图片作为示例
                final image = InputImage.fromFilePath(
                  'assets/sample_image.jpg', // 替换为你的图片路径
                  metadata: InputImageMetadata.create(
                    size: Size(300, 300), // 图片尺寸
                    rotation: InputImageRotation.degrees0,
                    scaleMode: InputImageScaleMode.fit,
                  ),
                );
                _detectLabels(image);
              },
              child: Text('Detect Labels'),
            ),
          ],
        ),
      ),
    );
  }
}

1. 确保你有一张图片 (assets/sample_image.jpg)：

   • 将你的图片放置在assets文件夹中（如果还没有，请创建一个）。
   • 在pubspec.yaml文件中添加对图片的引用：

flutter:
  assets:
    - assets/sample_image.jpg

1. 运行应用：

   使用flutter run命令来运行你的应用。点击“Detect Labels”按钮，你应该能看到检测到的标签显示在屏幕上。

这个示例展示了如何使用google_ml_kit的LabelDetector来识别图像中的标签。你可以根据需要替换为其他类型的检测器，如文本检测器、人脸检测器等。更多详细信息，请参考google_ml_kit的官方文档。