当然，下面是一个关于如何在Flutter项目中自定义导航栏插件 u_navi_bar 的使用示例。为了简洁起见，假设你已经将 u_navi_bar 插件添加到了你的 pubspec.yaml 文件中，并且已经运行了 flutter pub get。

1. 安装插件

首先，确保你的 pubspec.yaml 文件中包含以下依赖项：

dependencies:
  flutter:
    sdk: flutter
  u_navi_bar: ^最新版本号  # 请替换为实际的最新版本号

然后运行 flutter pub get。

2. 导入插件并创建自定义导航栏

在你的 Flutter 项目中，导入 u_navi_bar 插件，并创建一个自定义导航栏。以下是一个完整的示例代码：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _selectedIndex = 0;

  final List<Widget> _widgetOptions = <Widget>[
    Text('首页'),
    Text('发现'),
    Text('联系人'),
    Text('设置'),
  ];

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('自定义导航栏示例'),
      ),
      body: Center(
        child: _widgetOptions.elementAt(_selectedIndex),
      ),
      bottomNavigationBar: UNaviBar(
        backgroundColor: Colors.white,
        activeColor: Colors.blue,
        inactiveColor: Colors.grey,
        selectedIndex: _selectedIndex,
        onTap: _onItemTapped,
        items: [
          UNaviBarItem(
            icon: Icon(Icons.home),
            title: '首页',
          ),
          UNaviBarItem(
            icon: Icon(Icons.explore),
            title: '发现',
          ),
          UNaviBarItem(
            icon: Icon(Icons.people),
            title: '联系人',
          ),
          UNaviBarItem(
            icon: Icon(Icons.settings),
            title: '设置',
          ),
        ],
      ),
    );
  }
}

3. 解释代码

• 导入包：首先导入 flutter/material.dart 和 u_navi_bar/u_navi_bar.dart。
• 主应用：MyApp 类是应用的入口，它返回一个 MaterialApp。
• 主页：MyHomePage 是一个有状态的组件，用于管理导航栏项的选中状态。
• 导航栏项：_widgetOptions 是一个包含不同页面的列表，这里简单地用 Text 组件表示。
• 导航栏点击事件：_onItemTapped 方法用于处理导航栏项的点击事件，更新 _selectedIndex。
• 自定义导航栏：UNaviBar 是自定义导航栏组件，设置背景颜色、激活和非激活颜色、当前选中的索引和点击事件回调，以及导航栏项列表。

这个示例展示了如何使用 u_navi_bar 插件创建一个自定义的底部导航栏，并处理导航栏项的点击事件来切换不同的页面内容。你可以根据需要进一步自定义导航栏的样式和功能。