• 接著要來做聯絡人列表的頁面，這裡文章提到要做的是以下四件事：
  1.允許從 LoginPage 導航到 HomePage
  2.填入 JSON 資料及映射 (Map) 到 ListView
  3.顯示聯絡人列表
  4.加入搜尋功能

那就從建立Homepage開始繼續來做聯絡人列表的頁面了！

1. 首先先建立Homepage
   • 在lib下建立一個HomePage.dart
   • 因為需要維護聯絡資料的狀態，所以這個頁面使用的是Stateful Widget。
   • 而當我們進入頁面時，HomePage會被呼叫，HomePage被呼叫的時候，私有類別 _HomePageState 也會被呼叫，也就是用來維護和管理 HomePage 的可變動狀態物件
     
2. 設定路由
   • 位置：**constants.dart **
     • 在這裡添加LoginPage跟HomePage的標籤(常數)，方便識別不同頁面
       
   • 位置：main.dart
   • 在這裡要加入下面三段程式碼：
     • 第一段：匯入HomePage.dart
     • 第二段：宣告一個名為routes的Map
     • 第三段：設置app的路由，將routes與app關聯起來，就可以使用標籤導航到不同的頁面
       

今天就先做到這裡了，明天會從放置JSON資料及映射到ListView繼續接著做！

參考資料：
https://www.appcoda.com.tw/flutter-basics/