An open API service indexing awesome lists of open source software.

https://github.com/moulibheemaneti/adaptive_navbar

An Adaptive Navigation Bar in flutter. Navbar changes according to the screen size.
https://github.com/moulibheemaneti/adaptive_navbar

flutter flutter-examples flutter-package hacktoberfest hacktoberfest2022 moulibheemaneti pubdev publishing

Last synced: 3 months ago
JSON representation

An Adaptive Navigation Bar in flutter. Navbar changes according to the screen size.

Awesome Lists containing this project

README

        

# Adaptive NavBar (adaptive_navbar)

[![GitHub issues](https://img.shields.io/github/issues/moulibheemaneti/adaptive_navbar)](https://github.com/moulibheemaneti/adaptive_navbar/issues)
[![GitHub forks](https://img.shields.io/github/forks/moulibheemaneti/adaptive_navbar)](https://github.com/moulibheemaneti/adaptive_navbar/network)
[![GitHub stars](https://img.shields.io/github/stars/moulibheemaneti/adaptive_navbar)](https://github.com/moulibheemaneti/adaptive_navbar/stargazers)
[![GitHub license](https://img.shields.io/github/license/moulibheemaneti/adaptive_navbar)](https://github.com/moulibheemaneti/adaptive_navbar/blob/master/LICENSE)

![Adaptive Navbar](screenshots/adaptive_navbar.png)

## Table of contents
* [General info](#general-info)
* [Setup](#setup)
* [Conclusion](#conclusion)
* [Useful Resources](#useful-resources)
* [Meet the developer](#meet-the-developer)

## General info
**adaptive_navbar** is a flutter package which helps to create a adaptive navbar which is screen friendly for all the different device aspect ratios. This package can be easily added to your flutter projects. This make your works simpler and your code shorter.

## Setup
These are the steps on how to use this package.

#### Run this command:

```
$ flutter pub add adaptive_navbar
```

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):
```yaml
dependencies:
adaptive_navbar: ^0.0.2 #check for latest in versions at https://pub.dev/packages/adaptive_navbar/versions
```
Check for latest in versions at https://pub.dev/packages/adaptive_navbar/versions.

Alternatively, your editor might support or flutter pub get. Check the docs for your editor to learn more.

#### Import it
Now in your Dart code, you can use:
```dart
import 'package:adaptive_navbar/adaptive_navbar.dart';
```

## Conclusion
This is not the last package from this developer. Maybe this solely can't be updated frequently but still it is worth using this package. This helps to reduce your code lines.

## Useful Resources
* [Adaptive Navbar Example](https://pub.dev/packages/adaptive_navbar/example)
* [Adaptive Navbar Installing Guide](https://pub.dev/packages/adaptive_navbar/install)
* [Adaptive Navbar Release Notes](https://pub.dev/packages/adaptive_navbar/changelog)
* [Adaptive Navbar Blog](https://medium.com/@moulibheemaneti/adaptive-navbar-in-flutter-by-mouli-bheemaneti-46e16b62c400)

## Meet the developer
**Mouli Bheemaneti** is the developer behind this [adaptive_navbar](https://pub.dev/packages/adaptive_navbar) package. I'm ambitious and driven towards developing new apps and packages.
* [Mouli Bheemaneti](https://www.moulibheemaneti.com)
* [Play Store](https://play.google.com/store/apps/dev?id=5025838786028729109)
* [Github](https://www.github.com/moulibheemaneti)
* [Behance](https://www.behance.com/moulibheemaneti)
* [Instagram](https://www.instagram.com/mouli.bheemaneti)
* [Youtube](https://www.youtube.com/bemouli)

## Other packages by this developer
* [MB Button](https://pub.dev/packages/mb_button)
* [MB ContactForm](https://pub.dev/packages/mb_contact_form)