bottom_bars 1.1.0
bottom_bars: ^1.1.0 copied to clipboard

A easier way to create bottom bars in Flutter.

example/lib/main.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:bottom_bars/bottom_bars.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "BottomBars",
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
        // bottomNavigationBarTheme: BottomNavigationBarThemeData(
        //   selectedIconTheme: IconThemeData(color: Colors.yellow),
        //   selectedItemColor: Colors.purple,
        //   unselectedItemColor: Colors.pink,
        // ),
      ),
      // darkTheme: ThemeData.dark(),
      // themeMode: ThemeMode.dark,
      home: TabsPage(),
    );
  }
}

class TabsPage extends StatefulWidget {
  @override
  _TabsPageState createState() => _TabsPageState();
}

class _TabsPageState extends State<TabsPage> {
  @override
  Widget build(BuildContext context) {
    return BottomBars(
      items: [
        BottomBarsItem(
          page: Scaffold(
            floatingActionButton: FloatingActionButton(onPressed: () {}),
          ),
          item: Item(
            icon: Icons.group,
            title: Text("Group"),
          ),
        ),
        BottomBarsItem(
          page: Scaffold(
            appBar: AppBar(
              title: Text("Audio"),
            ),
            floatingActionButton: FloatingActionButton(onPressed: () {}),
          ),
          item: Item(
            icon: Icons.ac_unit_outlined,
            title: Text("Audio"),
          ),
        ),
        BottomBarsItem(
          page: Scaffold(backgroundColor: Colors.yellow),
          item: Item(
            icon: Icons.home,
            title: Text("Home"),
            color: Colors.grey,
            activeColor: Colors.yellow,
          ),
        ),
        BottomBarsItem(
          page: Scaffold(backgroundColor: Colors.red),
          item: Item(
            icon: Icons.settings,
            title: Text("Settings"),
            color: Colors.grey,
            activeColor: Colors.red,
          ),
        ),
      ],
    );
  }
}
2
likes
90
pub points
70%
popularity

A easier way to create bottom bars in Flutter.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

eduardonatale281201@gmail.com

License

Apache 2.0 (LICENSE)

Dependencies

flutter

More

Packages that depend on bottom_bars