ace_bottom_navigation_bar 0.0.4 copy "ace_bottom_navigation_bar: ^0.0.4" to clipboard
ace_bottom_navigation_bar: ^0.0.4 copied to clipboard

A new Flutter plugin.

example/lib/main.dart

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);
                  });
                })));
  }
}
2
likes
20
pub points
0%
popularity

Publisher

unverified uploader

A new Flutter plugin.

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on ace_bottom_navigation_bar