Flutter App Example 📱

Just take it 😃, and build your app 😎.

1. Home

install

i. pubspec

In pubspec.yaml

dependencies:
  google_nav_bar: _latest_version

Now in your Dart code, you can use:

import 'package:google_nav_bar/google_nav_bar.dart';

Details see pub.dev.

i. Google Nav Bar

GNav class will be used to create your Google Nav Bar, below is an example to show your dialog in the app.

GNav(
    backgroundColor: Constants.appColor,
    rippleColor: Colors.grey[300]!,
    hoverColor: Colors.grey[100]!,
    gap: 8,
    activeColor: Constants.appColor,
    iconSize: 24,
    haptic: false,
    padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
    duration: const Duration(milliseconds: 400),
    tabBackgroundColor: Colors.grey[100]!,
    tabMargin: const EdgeInsets.all(5),
    color: Colors.white,
    tabs: iconList,
    selectedIndex: _selectedIndex,
    onTabChange: (index) {
        setState(() {
        _selectedIndex = index;
        });
    },
    ),

Contribute

Let's develop with collaborations. We would love to have contributions by raising issues and opening PRs. Filing an issue before PR is must.

License

Project is published under the Apache 2.0 license. Feel free to clone and modify repo as you want, but don't forget to add reference to authors :)