2017-05-26 76 views
0

我想弄清楚啓用滑動操作的底部導航的最佳方式。我發現了兩個有前途的小部件:Tabbar(帶有TabBarView)和BottomNavigationBar。該tabbar易於使用,並具有控制器屬性,可以輕鬆地在標籤之間滑動。但是沒有辦法設置backgroundcolor(或者我錯了嗎?)。 bottomnavigationbar允許在appBar之外進行自定義,但不適用於控制器。那麼,我將如何使用bottomnavigationbar?我應該手動顯示並隱藏頁面/小部件嗎?顫振:Tabbar vs Bottom導航條

回答

1

在TabBar上設置背景顏色可以通過將其包裝在所需顏色的材質中來完成。儘管如此,在屏幕底部還是有其中之一。

如果您希望視圖可以滑動,您可以使用BottomNavigationBar的onTap觸發PageView中的頁面更改。

+0

很酷,不知道顏色的東西呢!爲什麼在底部使用TabBar的任何原因通常不會完成?它看起來像一個簡單的方法來實現底部的標籤導航! –

+1

它沒有出現在材料設計規範中,可能是因爲選項卡選擇指示符在頂部而非標籤欄的底部更有意義。但如果你喜歡它的外觀,這是你的應用程序,去爲它! :) –

+0

@CollinJackson感謝您提供的大量幫助我們撲動的信息!按照您的建議,我可以將TabBar置於底部並根據我的選擇進行設置,單獨使用BottomNavigationBar onTab觸發頁面更改。我仍然不能做的是當我將主體滑動到新選項卡時突出顯示正確的BottomNavigationBarItem。 BottomNavigationBar中有'currentIndex:_tabController.index',但在刷卡時突出顯示不會改變。我需要爲此設置狀態嗎?謝謝。 –