Flutter の bottomNavigationBar における必須要素はアイコンとTitleテキストとなっています。
BottomNavigationBarItem(
icon: new Icon(Icons.home),
title: new Text("Home")
title: 要素を削除するとエラーになります。
じゃあテキストを空欄に
BottomNavigationBarItem(
icon: new Icon(Icons.home),
title: new Text("")
したところでテキスト用の余白が残ってしまい、アイコンが上に寄ったような見た目になってしまいます。
私の解決方法はこうです。
BottomNavigationBarItem(
icon: new Icon(Icons.home),
title: new Text("",style: TextStyle(fontSize: 0),)
フォントサイズをゼロにすることでテキスト分のスペースが無くなり、中央にアイコンのみが表示される BottomNavigationBar が作成できました。
コメント