Flutter设备信息获取插件d_info的使用

d_info 是一个用于在Flutter应用中显示通知、对话框和吐司消息的插件。它可以与 GetX 或 MaterialApp 一起使用，提供简单易用的消息提示功能。

插件特性

• 支持 GetX 和 MaterialApp。
• 提供多种类型的通知（如错误、成功、中立等）。
• 支持自定义样式和行为。

使用示例

安装

首先，在 pubspec.yaml 文件中添加依赖：

dependencies:
  d_info: ^0.2.0

然后运行 flutter pub get 来安装插件。

示例代码

以下是一个完整的示例，展示了如何在 GetX 和 MaterialApp 中使用 d_info 插件。

1. 使用 GetX (GetMaterialApp)

import 'package:d_info/d_info.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return const GetMaterialApp(
      debugShowCheckedModeBanner: false,
      home: Home(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("D'Info")),
      body: ListView(
        padding: const EdgeInsets.symmetric(horizontal: 16),
        children: [
          const ListTile(title: Text('Dialog')),
          ElevatedButton(
            onPressed: () {
              DInfo.dialogSuccess(context, 'Payment Success');
              DInfo.closeDialog(context, durationBeforeClose: const Duration(seconds: 1));
            },
            child: const Text('Success'),
          ),
          ElevatedButton(
            onPressed: () async {
              bool? isYes = await DInfo.dialogConfirmation(
                context,
                'Logout?',
                'You sure logout from this account?',
              );
              if (isYes ?? false) {
                // 执行确认操作
              } else {
                // 执行取消操作
              }
            },
            child: const Text('Confirmation'),
          ),
          const Divider(),
          const ListTile(title: Text('Toast')),
          ElevatedButton(
            onPressed: () {
              DInfo.toastError('Pick Color has Failed');
            },
            child: const Text('Error'),
          ),
          ElevatedButton(
            onPressed: () {
              DInfo.toastSuccess('Login Success');
            },
            child: const Text('Success'),
          ),
          ElevatedButton(
            onPressed: () {
              DInfo.toastNetral('Add to Cart');
            },
            child: const Text('Netral'),
          ),
          ElevatedButton(
            onPressed: () {
              DInfo.closeToast();
            },
            child: const Text('Close Toast'),
          ),
          const Divider(),
          const ListTile(title: Text('Notif')),
          ElevatedButton(
            onPressed: () {
              DInfo.notifError('Upload', "Fail upload image");
            },
            child: const Text('Error'),
          ),
          ElevatedButton(
            onPressed: () {
              DInfo.notifSuccess('Upload', "Success upload image");
            },
            child: const Text('Success'),
          ),
          ElevatedButton(
            onPressed: () {
              DInfo.notifNetral('Task', "You add new task");
            },
            child: const Text('Netral'),
          ),
          ElevatedButton(
            onPressed: () {
              DInfo.closeNotif();
            },
            child: const Text('Close Notif'),
          ),
          const SizedBox(height: 60),
        ],
      ),
    );
  }
}

2. 不使用 GetX (MaterialApp)

如果你不使用 GetX，则需要传递 context 参数来显示通知、对话框或吐司。

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: const Home(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("D'Info")),
      body: ListView(
        padding: const EdgeInsets.symmetric(horizontal: 16),
        children: [
          const ListTile(title: Text('SnackBar')),
          ElevatedButton(
            onPressed: () {
              DInfo.snackBarError(context, 'Upload Failed');
            },
            child: const Text('Error SnackBar'),
          ),
          ElevatedButton(
            onPressed: () {
              DInfo.snackBarSuccess(context, 'Upload Success');
            },
            child: const Text('Success SnackBar'),
          ),
          ElevatedButton(
            onPressed: () {
              DInfo.snackBarNetral(context, 'Add to Cart');
            },
            child: const Text('Netral SnackBar'),
          ),
          ElevatedButton(
            onPressed: () {
              DInfo.closeSnackBar(context);
            },
            child: const Text('Close SnackBar'),
          ),
          const Divider(),
          const ListTile(title: Text('Toast')),
          ElevatedButton(
            onPressed: () {
              DInfo.toastError('Pick Color has Failed');
            },
            child: const Text('Error Toast'),
          ),
          ElevatedButton(
            onPressed: () {
              DInfo.closeToast();
            },
            child: const Text('Close Toast'),
          ),
        ],
      ),
    );
  }
}

总结

d_info 插件提供了方便快捷的方式来显示各种类型的通知、对话框和吐司消息。你可以根据项目需求选择是否使用 GetX，并且可以轻松定制这些消息的样式和行为。希望这个示例能帮助你快速上手并集成到你的Flutter项目中。