Persistent white color for container of animated bottom nav bar

[Schlitzohr101]

Issue is what is shown in the image. There is a persistent white color behind the nav bar. Here is the code that produced this issue:

bottomNavigationBar: state.loginStatus
                  ? null
                  : AnimatedBottomNavigationBar.builder(
                    height: state.isScreenHorizontal? state.screenHeight/8: state.screenHeight/20,
                    safeAreaValues: SafeAreaValues(left: true,right: true,top: true,bottom: true),
                      itemCount: iconList.length,
                      tabBuilder: (int index, bool isActive) {
                        final color = isActive ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.tertiary;
                        return Column(
                          mainAxisSize: MainAxisSize.min,
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Icon(
                              iconList[index],
                              size: state.isScreenHorizontal? 30: 30,
                              color: color,
                            ),
                          ],
                        );
                      },
                      backgroundColor: Theme.of(context).colorScheme.secondary,
                      activeIndex: _currentPage,
                      splashColor: Theme.of(context).colorScheme.background,
                      notchAndCornersAnimation: borderRadiusAnimation,
                      splashSpeedInMilliseconds: 300,
                      notchSmoothness: NotchSmoothness.defaultEdge,
                      gapLocation: GapLocation.center,
                      leftCornerRadius: 32,
                      rightCornerRadius: 32,
                      notchMargin: 3.0,
                      onTap: (index) { context.read<MainBloc>().add(BottomNavIndexChanged(index)); debugPrint("nav button#$index tapped");debugPrint("_currentPage is now:$_currentPage");},
                      hideAnimationController: _hideBottomBarAnimationController,
                      shadow: BoxShadow(
                        offset: Offset.fromDirection(1.0*(pi/3.0)),
                        blurRadius: 3,
                        spreadRadius: 10,
                        color: Colors.black,
                      ),
                    ),

If there are other options or methods to change this please let me know.

[vizhan-lanars]

Hi,

What are other Scaffold parameters?
Did you search in closed issues (e.g. 52) ?

[Schlitzohr101]

Hi @vizhan-lanars, Issue 52 was exactly what i was looking for! appreciate it