CODEWITHSUNDEEP
androidflutterdart
SuxoiKorm
SuxoiKorm

Reputation: 179

BottomAppBarr change color of notched shape

How to change the color of this part?

enter image description here

My bottom bar is here:

bottomNavigationBar: BottomAppBar(
      shape: CircularNotchedRectangle(),
      elevation: 8,
      child: BottomNavigationBar(
        elevation: 0,
        backgroundColor: Colors.transparent,
        currentIndex: currentIndex,
        onTap: changePage,
        items: <BottomNavigationBarItem>[
        BottomNavigationBarItem(backgroundColor: Colors.orange, icon: Icon(Icons.view_day), activeIcon: Icon(Icons.view_day, color: Colors.orange,), title: Text("Home")),
        BottomNavigationBarItem(backgroundColor: Colors.orange, icon: Icon(Icons.settings), activeIcon: Icon(Icons.settings, color: Colors.orange,), title: Text("Settings"))],
      ),
    ),

Upvotes: 3

Views: 736

Answers (2)

Cynthia Konar
Cynthia Konar

Reputation: 304

Make extendBody: true in Scaffold

Scaffold(
extendBody: true,
body: body(),
bottomNavigationBar: bottomAppBar(),
)

Upvotes: 1

SuxoiKorm
SuxoiKorm

Reputation: 179

Problem is Scaffold background color

Upvotes: 2

Related Questions