66 lines
2.3 KiB
Dart
66 lines
2.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
// 1. 確保引入 news_detail.dart
|
|
import './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),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
} |