2025-12-29 First Commit

2025-12-29 15:20:40 +08:00
commit fb2603c6f0
92 changed files with 6006 additions and 0 deletions
@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+
+// 這是一個 StatelessWidget，用於顯示單條新聞的詳細內容
+class NewsDetail extends StatelessWidget {
+  final String newsTitle; // 接收從前一個畫面傳遞過來的新聞標題
+
+  // 為了演示，我們假設詳細內容是一個較長的文本
+  final String newsDetailContent =
+      "這是新聞的詳細內容。它包含了更深入的分析、更多的數據和完整的背景資訊。點擊圖片後，使用者可以在這個頁面仔細閱讀。由於這是一個範例，我們使用了一些重複的文本來模擬文章長度，以確保頁面可以滾動。在這個頁面，您可以加入更多的元素，例如不同的圖片、作者資訊、發布日期等。";
+
+  const NewsDetail({required this.newsTitle, super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      // 設置 App Bar，標題可以是傳入的新聞標題
+      appBar: AppBar(
+        title: Text(newsTitle, overflow: TextOverflow.ellipsis), // 防止標題過長
+      ),
+      // 使用 SingleChildScrollView 確保頁面內容超出螢幕時可以滾動
+      body: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.all(16.0),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: <Widget>[
+              // 再次顯示圖片 (可選)
+              ClipRRect(
+                borderRadius: BorderRadius.circular(8.0),
+                child: Image.asset(
+                  'assets/F16-02.jpg',
+                  fit: BoxFit.cover,
+                  height: 250,
+                  width: double.infinity, // 佔滿寬度
+                ),
+              ),
+              const SizedBox(height: 16.0),
+
+              // 顯示新聞標題
+              Text(
+                newsTitle,
+                style: const TextStyle(
+                  fontSize: 24.0,
+                  fontWeight: FontWeight.w800,
+                ),
+              ),
+              const Divider(height: 32.0), // 分隔線
+
+              // 顯示新聞詳細內容
+              Text(
+                newsDetailContent * 5, // 重複內容 5 次來模擬長文章
+                style: const TextStyle(
+                  fontSize: 16.0,
+                  height: 1.5, // 增加行高，改善閱讀體驗
+                ),
+                textAlign: TextAlign.justify, // 內容兩端對齊
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}