Skip to content

Latest commit

 

History

History
70 lines (55 loc) · 4.31 KB

README.md

File metadata and controls

70 lines (55 loc) · 4.31 KB

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