搜索插件、代码仓与 APP 分类

pinterest_nav_bar 封面
插件详情v0.0.1+5

pinterest_nav_bar

一个新的 Flutter 包项目。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
4
喜欢数
26
Pub 分数
120

安装插件

flutter pub add pinterest_nav_bar

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 包,实现了类似 Pinterest 的底部导航栏,提供独特且视觉吸引人的界面,带有中心浮动操作按钮和均匀分布的图标。专为现代应用美学设计,通过结合简洁与创意布局来增强用户交互体验。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 等多个平台,确保跨平台一致性。非常适合希望超越标准底部导航栏、追求独特导航体验的应用。

适合场景

  • 创意应用界面
  • 社交媒体应用
  • 照片或内容分享平台
  • 以移动设备为先的设计应用
  • 跨平台移动应用

主要特点

  • Pinterest 风格的设计
  • 中心浮动操作按钮
  • 均匀分布的图标布局
  • 跨平台兼容性
  • 可定制的颜色和尺寸选项

适合对象

  • 注重设计的Flutter开发者
  • 需要唯一导航的应用
  • 面向多个平台的开发者
  • 强调视觉吸引力的项目
  • 现代UI/UX实验

使用建议

  • 可能需要额外的样式以实现品牌一致
  • 仅限底部导航使用场景
  • 不适合复杂的导航结构
  • 自定义的潜在学习曲线
  • 依赖外部依赖项以实现完整功能

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

pinterest_nav_bar

Pinterest app's Like bottom navigation bar.

Light theme Dark theme
Light theme mode video GIF Dark theme mode video GIF

Getting Started

Wrap you [MaterialApp] widget with [PinterestNavBarController] widget

    return PinterestNavBarController(
      child: MaterialApp(
        title: 'Pinterest Nav Bar Example',
        home: Pages(),
      ),
    );

Adding the widget

  • Note: it is recommended that you use this widget as the Floadting Action Button
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      floatingActionButton: PinterestNavBar(
        currentIndex: selectedPageIndex,
        onTap: (i) {
          print('PinterestNavBar.onTap($i)');
          setState(() {
            selectedPageIndex = i;
          });
        },
        items: [
          Icons.home,
          Icons.search,
          Icons.chat_bubble_outline_rounded,
          Icons.person
        ],
      ),
  • check out the example app code for complete understanding

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目

暂无相关数据。