Flutter

[Flutter] BottomNavigationBarItem laberText Stryle 적용하기

성영욱 2021. 12. 13. 15:20
728x90

 

BottomNavigationBar에 item 속성에 label을 수정하려면 item에 바깥으로 나와 selectLabelStyle을 적용해주면 됩니다.

 

bottomNavigationBar: BottomNavigationBar(
  items: [
    BottomNavigationBarItem(
      icon: Icon(Icons.today,color: Palette.bottomColor,),
      label: "기록",
    ),
    BottomNavigationBarItem(
      icon: Icon(Icons.calendar_today_outlined),
      label: "기록 모아보기",
    ),
    BottomNavigationBarItem(
      icon: Icon(Icons.bar_chart),
      label: "통계",
    ),
  ],
  selectedLabelStyle: TextStyle(fontWeight: FontWeight.bold,fontSize: 13),
  selectedItemColor: Colors.black,

 

적용 이미지

 

미 적용 시 텍스트 컬러가 파란색인데 개인적으로 파란색이 보기 싫어 블랙으로 적용했습니다. 감사합니다

728x90