#90 Flutter07–24節氣電子書 App
恰逢立秋之際,我們來製作一個24節氣電子書 App。在學習程式的同時,也能深入了解節氣知識。
Published in
6 days ago
APP操作GIF:
APP 截圖:
圖片來源: 2024年節氣
文字來源:二十四節氣(農業部全球資訊網)
練習項目:
- Map:使用
Map
儲存節氣資訊,便於按季節分類和查詢。 - TabBar:利用
TabBar
來顯示不同的季節選項,讓使用者可以快速切換。 - TabBarView:使用
TabBarView
顯示每個季節的節氣列表,實現頁面切換效果。 - GridView:在每個季節的頁面中使用
GridView
顯示節氣項目,以卡片形式呈現。 - GestureDetector:用於檢測使用者的點擊操作,處理點擊卡片時進入詳細頁面的功能。
- Navigator.push:實現從列表頁面導航到詳細頁面的功能,以便顯示更詳細的節氣資訊。
- SingleChildScrollView:在詳細頁面中使用
SingleChildScrollView
來處理內容超長的情況,確保所有文字內容都能夠完整顯示且支持捲動。