在Flutter中,可以通过构造函数将数据传递给Card列表。以下是一种常见的方法:
class CardData {
final String title;
final String description;
CardData(this.title, this.description);
}
import 'package:flutter/material.dart';
class CardListPage extends StatelessWidget {
final List<CardData> cards;
CardListPage(this.cards);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Card List'),
),
body: ListView.builder(
itemCount: cards.length,
itemBuilder: (context, index) {
return Card(
child: ListTile(
title: Text(cards[index].title),
subtitle: Text(cards[index].description),
),
);
},
),
);
}
}
import 'package:flutter/material.dart';
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
List<CardData> cards = [
CardData('Card 1', 'Description 1'),
CardData('Card 2', 'Description 2'),
CardData('Card 3', 'Description 3'),
];
return Scaffold(
appBar: AppBar(
title: Text('Home'),
),
body: Center(
child: RaisedButton(
child: Text('Open Card List'),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => CardListPage(cards),
),
);
},
),
),
);
}
}
这样,当你点击"Open Card List"按钮时,将会打开一个包含传递数据的Card列表页面。
请注意,上述示例中的Card列表只是一个简单的示例,你可以根据自己的需求进行修改和扩展。另外,关于Flutter的更多信息和相关产品,你可以参考腾讯云的官方文档和产品介绍页面。
领取专属 10元无门槛券
手把手带您无忧上云