Skip to content

OpenFlutter/flutter_navigation_bar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

navigation_bar

A new Flutter project.

Getting Started

For help getting started with Flutter, view our online documentation.

For help on editing package code, view the documentation.

##How to use ?

  1. Depend on it
dependencies:
  navigation_bar: "^0.0.1"
  1. Install it
$ flutter packages get
  1. Import it
import 'package:navigation_bar/navigation_tab_bar.dart';

##Example

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
  @override
  void initState() {
    super.initState();
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    var accentBackgroundColors = const Color(0xffe71d36);
    return new NavigationTabBar(
      onTap: (value, previousIndex) {},
      tabBuilder: (BuildContext context, int index) {
        return new LoginScreen();
      },
      navigationViews: <NavigationPageView>[
        new NavigationPageView(
          icon: const Icon(Icons.home),
          title: '首页',
          color: const Color(0xffe71d36),
          vsync: this,
        ),
        new NavigationPageView(
          icon: const Icon(Icons.notifications),
          title: '卡包',
          color: accentBackgroundColors,
          vsync: this,
        ),
        new NavigationPageView(
          icon: const Icon(Icons.menu),
          title: '账户',
          color: accentBackgroundColors,
          vsync: this,
        ),
      ],
    );
  }
}

About

解决官方例子会不停销毁重建的问题

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages