Flutter 库：强大的工具及扩展——nb_utils

Flutter 库：强大的工具及扩展——nb_utils

一、概述

1、简介

flutter_nb_utils是一个Flutter开发工具包，提供了各种实用方法、小部件扩展和工具函数，旨在提高开发效率并简化常见任务的实现。

2、功能

• Useful Methods: 介绍了一些有用的方法。
• Use of TextStyle: 文本样式的使用。
• Shared Preference Example: 共享首选项的示例。
• MaterialYou Theme: 材料你主题的介绍。
• Decorations: 装饰品的使用方法。
• Widgets: Flutter中常用的小部件介绍。
• Extensions: 扩展方法的使用和介绍。
  • String Extensions: 字符串的扩展方法。
  • bool Extensions: 布尔类型的扩展方法。
  • Color Extensions: 颜色的扩展方法。
  • BuildContext Extensions: 构建上下文的扩展方法。
  • DateTime Extensions: 日期时间的扩展方法。
  • Device Extensions: 设备的扩展方法。
  • double Extensions: 双精度数值的扩展方法。
  • Duration Extensions: 持续时间的扩展方法。
  • int Extensions: 整数的扩展方法。
  • List Extensions: 列表的扩展方法。
  • num Extensions: 数值的扩展方法。
  • ScrollController Extensions: 滚动控制器的扩展方法。
  • Widget Extensions: 小部件的扩展方法。
• System Methods: 系统方法的介绍。
• Network Utils: 网络实用程序的使用方法。
• JWT Decoder: 智威汤逊解码器的介绍。
• Dialog: 对话框的使用方法。
• Custom Dialogs: 自定义对话框的介绍。

3、官方资料

GitHub：https://github.com/bhoominn/nb_utils

pub.dev：https://pub.dev/packages/nb_utils

二、基本使用

1、安装

flutter pub add nb_utils

2、基本使用

第一步：在 main.dart 中初始化

// 导包
import 'package:nb_utils/nb_utils.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  await initialize();

  runApp(MyApp());
}

第二步：在您的 MaterialApp 或 CupertinoApp 中添加导航键

return MaterialApp(
  debugShowCheckedModeBanner: false,
  navigatorKey: navigatorKey,
  home: HomePage(),
);

第三步：使用文本样式

Text("粗体样式", style: boldTextStyle()),
Text("主题色样式", style: primaryTextStyle()),
Text("辅助文本样式", style: secondaryTextStyle()),

完整代码

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await initialize();
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Flutter Demo Home Page', style: TextStyle(color: Colors.white)),
          backgroundColor: Colors.deepPurple,
        ),
        body: Container(
          color: Colors.white,
          child: Center(
            child: Container(
              color: Colors.greenAccent,
              width: 500,
              height: 500,
              child: Column(
                children: [
                  Text("粗体样式", style: boldTextStyle()),
                  Text("主题色样式", style: primaryTextStyle()),
                  Text("辅助文本样式", style: secondaryTextStyle()),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}

3、运行结果

三、其它

其提供的功能相当多，可查看文档。

https://github.com/bhoominn/nb_utils