今天我們要介紹的是 Flutter 中的頁面導航 -- Navigator 和 Routes。用來實現應用程式中的頁面切換和堆疊管理。

Navigator

是用來管理頁面堆疊的components。是管理頁面之間跳轉的導航。

• Navigator.push()
  將新頁面加入到 stack 的最上面。顯示新頁面，並使原本頁面被隱藏。
• Navigator.pop()
  從 stack 中移除當前頁面，並返回到上層頁面。
• Navigator.pushReplacement()
  將當前頁面替換為新頁面，而不保留當前頁面。
• Navigator.popUntil()
  清除堆疊中的頁面，直到遇到指定的頁面為止。

Routes

Routes 就像是應用程序裡的導航地圖，它告訴你的應用哪條路通往哪個頁面。每個頁面都有一個對應的地址，例如 /home、/settings。當你想要去某個頁面時，你只要告訴應用這個地址，就會帶你跳轉到對應的頁面。

• 定義應用的初始頁面

initialRoute: '/',

• 設置應用的 routes 表

routes: {
        '/': (context) => HomeScreen(),
        '/second': (context) => SecondScreen(),
      },

• 使用 routes 名稱進行導航

Navigator.pushNamed(context, '/second');

這樣就會從第一頁來到第二頁了

我們明天見~