Feature, solid background #83

example/lib/main.dart

@@ -14,7 +14,6 @@ class MyApp extends StatelessWidget {
 }
 
 class MyHomePage extends StatefulWidget {
-
   @override
   _MyHomePageState createState() => _MyHomePageState();
 }
@@ -58,9 +57,10 @@ class _MyHomePageState extends State<MyHomePage> {
         onItemSelected: (index) => setState(() => _currentIndex = index),
         items: <BottomNavyBarItem>[
           BottomNavyBarItem(
+            solidBackground: true,
             icon: Icon(Icons.apps),
             title: Text('Home'),
-            activeColor: Colors.red,
+            activeColor: Colors.blue,
             textAlign: TextAlign.center,
           ),
           BottomNavyBarItem(

lib/bottom_navy_bar.dart

@@ -9,7 +9,6 @@ import 'package:flutter/widgets.dart';
 /// Update [selectedIndex] to change the selected item.
 /// [selectedIndex] is required and must not be null.
 class BottomNavyBar extends StatelessWidget {
-
   BottomNavyBar({
     Key? key,
     this.selectedIndex = 0,
@@ -23,8 +22,8 @@ class BottomNavyBar extends StatelessWidget {
     required this.items,
     required this.onItemSelected,
     this.curve = Curves.linear,
-  }) : assert(items.length >= 2 && items.length <= 5),
-       super(key: key);
+  })  : assert(items.length >= 2 && items.length <= 5),
+        super(key: key);
 
   /// The selected item is index. Changing this property will change and animate
   /// the item being selected. Defaults to zero.
@@ -125,7 +124,7 @@ class _ItemWidget extends StatelessWidget {
     required this.itemCornerRadius,
     required this.iconSize,
     this.curve = Curves.linear,
-  })  : super(key: key);
+  }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -138,8 +137,11 @@ class _ItemWidget extends StatelessWidget {
         duration: animationDuration,
         curve: curve,
         decoration: BoxDecoration(
-          color:
-              isSelected ? item.activeColor.withOpacity(0.2) : backgroundColor,
+          color: isSelected
+              ? item.solidBackground
+                  ? item.activeColor
+                  : item.activeColor.withOpacity(0.2)
+              : backgroundColor,
           borderRadius: BorderRadius.circular(itemCornerRadius),
         ),
         child: SingleChildScrollView(
@@ -157,7 +159,9 @@ class _ItemWidget extends StatelessWidget {
                   data: IconThemeData(
                     size: iconSize,
                     color: isSelected
-                        ? item.activeColor.withOpacity(1)
+                        ? item.solidBackground
+                            ? Colors.white
+                            : item.activeColor.withOpacity(1)
                         : item.inactiveColor == null
                             ? item.activeColor
                             : item.inactiveColor,
@@ -170,7 +174,9 @@ class _ItemWidget extends StatelessWidget {
                       padding: EdgeInsets.symmetric(horizontal: 4),
                       child: DefaultTextStyle.merge(
                         style: TextStyle(
-                          color: item.activeColor,
+                          color: item.solidBackground
+                              ? Colors.white
+                              : item.activeColor,
                           fontWeight: FontWeight.bold,
                         ),
                         maxLines: 1,
@@ -190,13 +196,13 @@ class _ItemWidget extends StatelessWidget {
 
 /// The [BottomNavyBar.items] definition.
 class BottomNavyBarItem {
-
   BottomNavyBarItem({
     required this.icon,
     required this.title,
     this.activeColor = Colors.blue,
     this.textAlign,
     this.inactiveColor,
+    this.solidBackground = false,
   });
 
   /// Defines this item's icon which is placed in the right side of the [title].
@@ -217,4 +223,7 @@ class BottomNavyBarItem {
   /// This will take effect only if [title] it a [Text] widget.
   final TextAlign? textAlign;
 
+  /// The [background] solid color defined when this item is selected. Defaults
+  /// to [false].
+  final bool solidBackground;
 }