首頁骨架 HomePageScaffold
提供校務通首頁(Home Page)骨架
- 支援響應式介面
- 當
MediaQuery
的shortestSide
>= 680 會開啟平板模式 - 平板模式開啟時
BottomNavigationBar
會隱藏 - 平板模式開啟時
Scaffold
中的最新消息
與BottomNavigationBar
會被content
設定的 Widget 取代,目的是可實作不跳頁顯示內容,詳細可參考 example
- 當
- 正中間由
announcements
顯示輪播資訊,參數可參考 文件 - 可加入
HomePageScaffoldState
存取 Snacker Bar 的行為,詳細可參考 example
手機介面

平板/桌面版介面

參數名稱 | 型態 | 描述 |
---|---|---|
state | CourseState | 必要欄位,總共有 loading finish error empty offlineEmpty custom 的狀態,只有finish 才會顯示課表介面,其餘都是顯示錯誤狀況 |
title | String | Scaffold 標題 |
announcements | List<Announcement> | 最新消息列表 |
isLogin | bool | 控制下方的Snacker Bar是否顯示要登入 |
actions | List<Widget> | 在右上角可顯示元件列表,為Flutter Scaffold原生的API |
onTabTapped | Function(int index) | 底下BottomNavigationBar 點擊時的事件,回傳點擊的索引值 |
bottomNavigationBarItems | List<BottomNavigationBarItem> | 底下BottomNavigationBar 的元素,為 Flutter Scaffold 原生的API |
drawer | Widget | 左方的側選單(Drawer)元件,為 Flutter Scaffold 原生的API |
content | Widget | 使用平板介面時,右方會顯示Content的內容,null 時則顯示首頁 |
actions | List<Widget> | 右上角的元件列表,為 Flutter Scaffold 原生的API |
floatingActionButton | Widget | Material Design 的 FloatingActionButton 位置放的元件,為 Flutter Scaffold 原生的API |
onImageTapped | Function(Announcement announcement) | 點擊最新消息的圖片事件,回傳Announcement |
autoPlay | Function | 是否自動輪播最新消息,預設值為 true |
autoPlayDuration | bool | 最新消息自動輪播的時間間距,預設值為 5秒 |