ace_bottom_navigation_bar 0.0.4 ace_bottom_navigation_bar: ^0.0.4 copied to clipboard
A new Flutter plugin.
import 'package:flutter/material.dart';
import 'package:ace_bottom_navigation_bar/ace_bottom_navigation_bar.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
var _currentIndex = 0;
var _pageController = PageController(initialPage: 0);
void _pageChange(int index) {
setState(() {
if (_currentIndex != index) {
_currentIndex = index;
}
});
}
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin example app'),
),
body: PageView.builder(
onPageChanged: _pageChange,
controller: _pageController,
itemBuilder: (BuildContext context, int index) {
return Center(
child: Text("Current index = ${_currentIndex}"));
}),
bottomNavigationBar: ACEBottomNavigationBar(
type: ACEBottomNavigationBarType.protruding,
textUnSelectedColor: Colors.orange,
textSelectedColor: Colors.indigo,
protrudingColor: Colors.lightBlueAccent,
items: [
NavigationItemBean(
textStr: 'Home',
textUnSelectedColor: Colors.green,
textSelectedColor: Colors.indigo,
image: AssetImage('images/icon_qq.png'),
imageSelected:
AssetImage('images/icon_wechat_moments.png')),
NavigationItemBean(
textStr: 'Book',
textUnSelectedColor: Colors.green,
textSelectedColor: Colors.orange,
icon: Icons.book,
iconUnSelectedColor: Colors.indigoAccent,
iconSelectedColor: Colors.pinkAccent),
NavigationItemBean(
textStr: 'WeChat',
image: AssetImage('images/icon_wechat.png')),
NavigationItemBean(
textStr: 'Time',
icon: Icons.schedule,
iconUnSelectedColor: Colors.blue,
iconSelectedColor: Colors.pinkAccent),
NavigationItemBean(
textStr: 'QQ', image: AssetImage('images/icon_qq.png'))
],
onTabChangedListener: (index) {
setState(() {
_currentIndex = index;
_pageChange(index);
});
})));
}
}