Flutter实用工具插件nebx_utilities的使用

Flutter实用工具插件nebx_utilities的使用

Nebx Utilities

Pub
License: MIT

Nebx Utilities 是一组简单易用的函数封装工具。


开始使用

安装

pubspec.yaml 文件中添加 nebx_utilities 包作为依赖项:

dependencies:
  nebx_utilities: ^1.0.0

然后运行以下命令以安装依赖:

flutter pub get

示例

以下是一个完整的示例,展示如何使用 nebx_utilities 中的一些实用工具。

示例代码

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

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

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

class HomeScreen extends StatelessWidget {
  final _nameController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Nebx Utilities 示例'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _nameController,
              decoration: InputDecoration(hintText: '请输入您的名字'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                // 使用 nebx_utilities 的 toast 提示功能
                showSuccessToast(context, message: '欢迎, ${_nameController.text}');
              },
              child: Text('显示提示'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                // 使用 nebx_utilities 的对话框确认功能
                confirmDialog(context, title: '确认', message: '您确定要继续吗?');
              },
              child: Text('显示确认对话框'),
            ),
          ],
        ),
      ),
    );
  }
}

功能说明

1. 显示成功提示 (showSuccessToast)

通过 showSuccessToast 函数可以快速显示一个绿色的成功提示框。

showSuccessToast(BuildContext context, {required String message}) {
  return NebxUtilities.showSuccessToast(
    context: context,
    message: message,
  );
}

2. 显示确认对话框 (confirmDialog)

通过 confirmDialog 函数可以快速弹出一个确认对话框,用户可以选择“确定”或“取消”。

confirmDialog(BuildContext context, {required String title, required String message}) {
  return NebxUtilities.confirmDialog(
    context: context,
    title: title,
    message: message,
    onConfirm: () {
      print('用户点击了确定');
    },
    onCancel: () {
      print('用户点击了取消');
    },
  );
}

更多关于Flutter实用工具插件nebx_utilities的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter实用工具插件nebx_utilities的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


nebx_utilities 是一个 Flutter 实用工具插件,旨在为开发者提供一系列常用的工具和功能,以简化开发过程。它可能包含诸如日期格式化、字符串处理、网络请求、本地存储等功能。以下是如何使用 nebx_utilities 插件的基本指南。

1. 安装插件

首先,你需要在 pubspec.yaml 文件中添加 nebx_utilities 插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  nebx_utilities: ^1.0.0  # 请使用最新版本

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

2. 导入插件

在你的 Dart 文件中导入 nebx_utilities

import 'package:nebx_utilities/nebx_utilities.dart';

3. 使用插件中的功能

nebx_utilities 可能包含多个模块或工具类,以下是一些常见的使用示例:

3.1 日期格式化

假设 nebx_utilities 提供了一个日期格式化工具:

String formattedDate = NebxUtilities.formatDate(DateTime.now(), 'yyyy-MM-dd');
print(formattedDate);  // 输出: 2023-10-05

3.2 字符串处理

如果插件提供了字符串处理工具,你可以这样使用:

String trimmedString = NebxUtilities.trimString('  Hello World  ');
print(trimmedString);  // 输出: Hello World

3.3 网络请求

如果插件包含网络请求工具,你可以这样使用:

var response = await NebxUtilities.getRequest('https://api.example.com/data');
print(response.body);

3.4 本地存储

如果插件提供了本地存储功能,你可以这样使用:

await NebxUtilities.saveToLocalStorage('key', 'value');
String value = await NebxUtilities.getFromLocalStorage('key');
print(value);  // 输出: value

4. 其他功能

nebx_utilities 可能还包含其他功能,如日志记录、设备信息获取、权限管理等。你可以查阅插件的文档或源代码以了解更多详细信息。

5. 示例代码

以下是一个简单的示例,展示了如何使用 nebx_utilities 中的一些功能:

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Nebx Utilities Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('Formatted Date: ${NebxUtilities.formatDate(DateTime.now(), 'yyyy-MM-dd')}'),
              Text('Trimmed String: ${NebxUtilities.trimString('  Hello World  ')}'),
              ElevatedButton(
                onPressed: () async {
                  var response = await NebxUtilities.getRequest('https://api.example.com/data');
                  print(response.body);
                },
                child: Text('Make Network Request'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}
回到顶部