navigation_tool 0.1.6 copy "navigation_tool: ^0.1.6" to clipboard
navigation_tool: ^0.1.6 copied to clipboard

A navigation tool for Mobile and Web application. NavigationBar and NavigationRail together.

Virva Infotech Navigation Tool #

NavigationTool Introducing a comprehensive Flutter widget solution designed to seamlessly handle navigation in diverse applications, accommodating various screen sizes. This solution harnesses the capabilities of both NavigationBar and NavigationRail, offering a versatile and powerful navigation experience.

Features #

  • Ensure seamless navigation for all devices mobile, web, windows and macos applications with a single, unified package.
  • Automatically adapt to various screen sizes and orientations, providing an optimal user experience on all devices, from smartphones to desktops.
  • Offer extensive customization for navigation bars and rails, including colors, icons, and layouts, to match the app's branding and style.
  • Automatically adjust the navigation's visual appearance to fit the app's current theme, ensuring a cohesive design.
  • Offer compatibility with popular state management solution Riverpod to ensure consistent navigation state across the app.
  • This package combines the features of both the navigation rail and navigation bar while allowing for extensive customization to suit your needs.
  • Add badges to Navigation Tool for a sleek and informative user experience. Choose from a wide range of badge types and colors to suit your app's design.

Getting started #

  • To use this package, add navigation_tool as a dependency in your pubspec.yaml file.
  • To get started, simply wrap your MaterialApp with a ProviderScope from flutter riverpod state management.
  • To obtain comprehensive information, please refer to the provided detailed example.

Usage #

Minimal example:

    NavigationTool(
        navigationTabs: NavigationItems().tabs,
        navigationIcons: NavigationItems().navigationIcons,
        labelsNavRail: NavigationItems().labelNavRail
    )

    /// List of the tabs
    final List<Widget> tabs = [
      const Green(),
      const Orange(),
      const Blue(),
      const Orange(),
    ];

  /// List of the navigation icons / provide any widgets
    final List<Widget> navigationIcons = [
      const Icon(Icons.home),
      const Icon(Icons.share),
      const Icon(Icons.wifi),
      const Icon(Icons.ac_unit),
    ];

  /// List of NavigationRail label / provide list of any widgets
    final List<Widget> labelNavRail = [
      Text(one),
      Text(two),
      Text(three),
      Text(four),
    ];

Example #

About Virva Infotech #

  • With more than 10 years of dedicated expertise in the field of IT services, we have cultivated a rich history of delivering software and mobile applications to clients worldwide. As a prominent leader in the mobile application development industry, we take pride in consistently delivering top-tier product solutions that empower our clients to successfully realize their business objectives.
  • Virva Infotech specializes in an extensive range of software development services encompassing Android, Flutter, iOS, React Native, PHP, Laravel, WordPress, ASP .NET, SEO Services, Angular, Xamarin, and a myriad of other cutting-edge technologies
  • For additional details, please visit our website at Virva Infotech
4
likes
130
pub points
39%
popularity

Publisher

verified publishervirvainfotech.com

A navigation tool for Mobile and Web application. NavigationBar and NavigationRail together.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

badges, dartdoc, flutter, flutter_riverpod

More

Packages that depend on navigation_tool