BottomNavigationBar(2)
-
Flutter에 BottomNavigationBar 추가하기
안녕하세요. 이번 포스팅에서는 Flutter에서 BottomNavigationBar 추가하는 방법에 대해서 알아보겠습니다. BottomNavigationBar를 추가하는 방법은 쉽습니다. Scaffold에 bottomNavigationBar을 추가해주면 됩니다. ... home: Scaffold( ... bottomNavigationBar: BottomNavigationBar( items: [ BottomNavigationBarItem( icon: Icon(Icons.home), label: '홈', ), BottomNavigationBarItem( icon: Icon(Icons.search), label: '검색', ), BottomNavigationBarItem( icon: Icon(Icons.per..
2023.02.26 -
[Flutter] BottomNavigationBar 아이템 4개 이상 추가하기
Flutter의 BottomNavigationBar은 무조건 2개 이상의 item을 추가해야 하며 3개까지는 별다른 옵션을 추가해주지 않아도 상관이 없다. 하지만 4개 이상의 item을 추가할 시 첫 item만 icon과 label이 제대로 나타나고 그 이후 항목에 대해서는 label이 제대로 나타나지 않아 위치가 이상하게 보이는 문제가 발생을 한다. 위와 같이 홈 item 만 icon과 label이 정상적으로 나타나고 그 뒤로는 label이 보이지 않아 홈만 위로 올라가있게 나온다. 이 문제를 해결하는 방법은 BottomNavigationBar에 type: BottomNavigationBarType.fixed을 추가해주면 된다 ... bottomNavigationBar: BottomNavigationB..
2021.02.13