Flutter客户端信息获取插件nice_client_info的使用

Flutter客户端信息获取插件nice_client_info的使用

在Flutter应用中，我们经常需要获取一些关于客户端的信息，比如设备型号、操作系统版本等。nice_client_info 插件可以帮助你轻松实现这些功能。

添加依赖

首先，在你的 pubspec.yaml 文件中添加 nice_client_info 作为依赖：

dependencies:
  nice_client_info: ^x.y.z  # 请替换为最新版本号

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

示例代码

以下是一个完整的示例，展示了如何使用 nice_client_info 插件来获取客户端信息。

import 'package:flutter/material.dart';

// 导入插件包
import 'package:nice_client_info/nice_client_info.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Nice Client Info',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Nice Client Info Example'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  NiceClientInfoPlugin? plugin;

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Center(
        child: FutureBuilder(
          future: _initPlugin(),
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.done && snapshot.data != null) {
              return Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  ElevatedButton(
                    onPressed: onGetModel,
                    child: const Text('Get Model Info'),
                  ),
                  ElevatedButton(
                    onPressed: onOSVersion,
                    child: const Text('Get OS Version Info'),
                  ),
                  ElevatedButton(
                    onPressed: onAppVersionName,
                    child: const Text('Get App Version Name Info'),
                  ),
                  ElevatedButton(
                    onPressed: onAppVersionCode,
                    child: const Text('Get App Version Code Info'),
                  ),
                  ElevatedButton(
                    onPressed: onAppName,
                    child: const Text('Get App Name Info'),
                  ),
                  ElevatedButton(
                    onPressed: onPackageName,
                    child: const Text('Get Package Name Info'),
                  ),
                ],
              );
            }

            return const CircularProgressIndicator.adaptive();
          },
        ),
      ),
    );
  }

  void showPopup(String? message) {
    showDialog(
      context: context,
      builder: (context) => Dialog(
        child: Padding(
          padding: const EdgeInsets.all(24),
          child: Text(message ?? 'Error'),
        ),
      ),
    );
  }

  void onGetModel() {
    showPopup(plugin?.info.model);
  }

  void onOSVersion() {
    showPopup(plugin?.info.osversion);
  }

  void onAppVersionName() {
    showPopup(plugin?.info.appVersionName);
  }

  void onAppVersionCode() {
    showPopup(plugin?.info.appVersionCode);
  }

  void onAppName() {
    showPopup(plugin?.info.appName);
  }

  void onPackageName() {
    showPopup(plugin?.info.packageName);
  }

  Future<NiceClientInfoPlugin> _initPlugin() async {
    final plugin = await NiceClientInfoPlugin.instance.setup();

    this.plugin = plugin;

    return plugin;
  }
}