屏幕下方有圖標的 flutter 小部件的名稱是什么？

Question

屏幕下方有圖標的 Flutter 小部件的名稱是什么，我可以左右滑動以在這些屏幕之間切換（例如：Twitter 主頁）

我可以創建一個帶有Row和Icons的Container並手動執行此操作，但我懷疑 Flutter 上已經存在此小部件。

Answer 1

這個底部導航欄可以使用BottomNavigationBar在你的Scaffold的bottomNavigationBar屬性中完成：

bottomNavigationBar: BottomNavigationBar(
    items: [
      BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Home'),
      BottomNavigationBarItem(
          icon: Icon(Icons.business), label: 'Business'),
      BottomNavigationBarItem(icon: Icon(Icons.school), label: 'School'),
    ],
  ),

對於可滑動頁面，可以使用PageView小部件來完成：

PageView(
        children: <Widget>[
    ScreenOne(),
    ScreenTwo(),
    ScreenThree(),
  ],
);

當您單擊BottomNavigationBar中的項目時，您可以鏈接它們，它將導航到帶有PageController的特定頁面。