Flutter bottomNavigationBar にテキストを表示しない

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 が作成できました。

 

コメント

タイトルとURLをコピーしました