[Flutter] BottomNavigationBar 배경색 변경

BottomNavigationBar 배경색 변경

기본적으로 플러터 bottomNavigationBar에는 backgroundColor 옵션이 있기 때문에 해당 속성으로 배경색을 변경할 수 있다.

bottomNavigationBar: BottomNavigationBar(
          backgroundColor: Colors.white,
)

위 그림과 같이 backgroundColor를 white로 지정하면 bottomNavigationBar 배경색이 흰색이 된다.

backgroundColor 옵션으로 배경색이 변경되지 않는 경우

backgroundColor옵션으로 배경색이 변경되지 않는 경우에는 type옵션이 BottomNavigationBarType.shifting으로 되어있는지 확인한다.

만약 type이 shifting이면 배경색이 변경되지 않는다. fixed를 사용해야한다.

bottomNavigationBar: BottomNavigationBar(
          backgroundColor: Colors.white,
          type: BottomNavigationBarType.fixed,
)

Leave a Comment