Flutter 吐槽下BottomNavigationBarItem的問題.

jlanglang發表於2019-05-21
原文網址 : https://juejin.im/post/5ce3b052518825330f7279eb
FlutterNavigation

前言

打算flutter仿個掘金玩玩, 這不剛開始,就碰到問題了.

問題

正常的底部按鈕是這樣的

bottomNavigationBar: new BottomNavigationBar(
        items: [
          new BottomNavigationBarItem(
            icon: Icon(Icons.home),
            title: new Text("123"),
          ),
          new BottomNavigationBarItem(
            icon: Icon(Icons.whatshot),
            title: new Text("123"),
          ),
          new BottomNavigationBarItem(
            icon: Icon(Icons.search),
            title: new Text("123"),
          ),
          new BottomNavigationBarItem(
            icon: Icon(Icons.book),
            title: new Text("123"),
          ),
          new BottomNavigationBarItem(
            icon: Icon(Icons.person),
            title: new Text("123"),
          ),
        ],
複製程式碼

Flutter 吐槽下BottomNavigationBarItem的問題.

掘金呢.是沒有文字的.

於是我就想當然的把title去掉.

然後.

Flutter 吐槽下BottomNavigationBarItem的問題.

好吧,title不能為null

但是!

Flutter 吐槽下BottomNavigationBarItem的問題.

這裡根本沒有宣告是必傳的好嗎?

然後看

Flutter 吐槽下BottomNavigationBarItem的問題.

這裡又做校驗了..真是.

設定一個空的Text

  new BottomNavigationBarItem(
            icon: Icon(Icons.person),
            title: new Text(''),
          ),
複製程式碼

Flutter 吐槽下BottomNavigationBarItem的問題.

不行,沒居中.

實際上,你需要這樣:

 new BottomNavigationBarItem(
            icon: Icon(Icons.person),
            title: new Container(),
          ),
複製程式碼

Flutter 吐槽下BottomNavigationBarItem的問題.

但是,強迫症寫起來總覺得怪怪的.這個title不需要為啥一定要設定

去github上看flutter 的issuse.#17099

好像沒有改的打算.

這個東西嘛,自己去重寫一個感覺也沒必要,真是..

期待你的留言 點贊

交流群:

Flutter:782978118

Android:493180098

相關文章