Flutter颜色拾取插件pick_color_from_camera的使用

A flutter plugin to detect colors using camera and provides its code to you.

DEMO预览

安装

在你的 pubspec.yaml 文件中添加 pick_color_from_camera 作为依赖：

dependencies:
  pick_color_from_camera: ^x.x.x

替换 x.x.x 为最新版本号。

入门指南

步骤1：导入包

在你的 Dart 文件中导入 pick_color_from_camera 包：

import 'package:pick_color_from_camera/pick_color_from_camera.dart';

步骤2：获取颜色代码

通过调用 pickColor 方法来获取颜色代码：

String? colorCode = await PickColorFromCamera.pickColor();

示例代码

以下是一个完整的示例代码，展示了如何使用 pick_color_from_camera 插件来获取相机捕捉的颜色：

import 'package:flutter/material.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:pick_color_from_camera/pick_color_from_camera.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Pick Color From Camera',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.teal),
        useMaterial3: true,
      ),
      home: const Home(),
    );
  }
}

class Home extends StatefulWidget {
  const Home({
    super.key,
  });

  [@override](/user/override)
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  Color? selectColor;

  // 拾取颜色的方法
  void _pickColor() async {
    String? result = await PickColorFromCamera.pickColor();
    setState(() {
      selectColor = Color(int.parse(result!));
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        backgroundColor: selectColor ?? Theme.of(context).colorScheme.inversePrimary,
        title: const Text(
          "Pick Color From Camera",
          style: TextStyle(color: Colors.white),
        ),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _pickColor,
              child: const Text("Pick Color"),
            ),
          ],
        ),
      ),
    );
  }
}