Skip to content

A navigation tool for Mobile and Web application. Navigation Bar and Navigation Rail together.

License

Notifications You must be signed in to change notification settings

xintesa/flutter_navigation_tool

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A navigation tool for Mobile and Web application. Navigation Bar and Navigation Rail together.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 49.0%
  • C++ 25.2%
  • CMake 20.8%
  • HTML 2.0%
  • C 1.6%
  • Swift 1.3%
  • Other 0.1%