Skip to main content

首頁骨架 HomePageScaffold

提供校務通首頁(Home Page)骨架

  • 支援響應式介面
    • MediaQueryshortestSide >= 680 會開啟平板模式
    • 平板模式開啟時 BottomNavigationBar 會隱藏
    • 平板模式開啟時 Scaffold 中的 最新消息BottomNavigationBar 會被 content 設定的 Widget 取代,目的是可實作不跳頁顯示內容,詳細可參考 example
  • 正中間由 announcements 顯示輪播資訊,參數可參考 文件
  • 可加入 HomePageScaffoldState 存取 Snacker Bar 的行為,詳細可參考 example

手機介面

drawing

平板/桌面版介面

drawing
參數名稱型態描述
stateCourseState必要欄位,總共有 loading finish error empty offlineEmpty custom 的狀態,只有finish才會顯示課表介面,其餘都是顯示錯誤狀況
titleStringScaffold 標題
announcementsList<Announcement>最新消息列表
isLoginbool控制下方的Snacker Bar是否顯示要登入
actionsList<Widget>在右上角可顯示元件列表,為Flutter Scaffold原生的API
onTabTappedFunction(int index)底下BottomNavigationBar點擊時的事件,回傳點擊的索引值
bottomNavigationBarItemsList<BottomNavigationBarItem>底下BottomNavigationBar的元素,為 Flutter Scaffold 原生的API
drawerWidget左方的側選單(Drawer)元件,為 Flutter Scaffold 原生的API
contentWidget使用平板介面時,右方會顯示Content的內容,null時則顯示首頁
actionsList<Widget>右上角的元件列表,為 Flutter Scaffold 原生的API
floatingActionButtonWidgetMaterial Design 的 FloatingActionButton 位置放的元件,為 Flutter Scaffold 原生的API
onImageTappedFunction(Announcement announcement)點擊最新消息的圖片事件,回傳Announcement
autoPlayFunction是否自動輪播最新消息,預設值為 true
autoPlayDurationbool最新消息自動輪播的時間間距,預設值為 5秒