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,66 @@
+import 'package:flutter/material.dart';
+// 1. 確保引入 news_detail.dart
+import '../News/news_detail.dart';
+
+class News extends StatelessWidget {
+  final List<String> news;
+
+  // 構造函數保持不變
+  const News(this.news, {super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    // 使用 ListView.builder 替代 Column 和 map().toList()
+    // 這樣可以確保內容可以捲動，並且只構建可見的項目，效率更高。
+    return ListView.builder(
+      // 設置列表的長度，即 news 列表的項目數
+      itemCount: news.length,
+
+      // 根據索引來構建每個列表項目
+      itemBuilder: (BuildContext context, int index) {
+        final String currentNewsTitle = news[index]; // 提取當前新聞標題
+
+        // 使用 news[index] 來取得對應的新聞文本
+        return Card(
+          elevation: 5, // 可選: 增加卡片陰影
+          margin: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 16.0), // 增加邊距
+          // 在這裡可以選擇添加 Key
+          key: ValueKey(currentNewsTitle + index.toString()),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch, // 讓圖片和文字可以寬度延伸
+            children: <Widget>[
+              // --- 點擊功能的修改在這裡 ---
+              GestureDetector(
+                onTap: () {
+                  // 點擊事件：導航到 NewsDetail 畫面
+                  Navigator.push(
+                    context,
+                    MaterialPageRoute(
+                      builder: (context) => NewsDetail(
+                        // 2. 將當前新聞的標題/內容傳遞給詳細頁面
+                        newsTitle: currentNewsTitle,
+                      ),
+                    ),
+                  );
+                },
+                child: Image.asset(
+                  'assets/F16-02.jpg',
+                  fit: BoxFit.cover,
+                  height: 200,
+                ),
+              ),
+              // --------------------------
+              Padding(
+                padding: const EdgeInsets.all(12.0),
+                child: Text(
+                  currentNewsTitle,
+                  style: const TextStyle(fontSize: 18.0, fontWeight: FontWeight.bold),
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}