Flutter 如何从扑动中单击卡片打开另一页
嘿,伙计,我正在开发一个应用程序,在主页上有3张卡,我希望每张卡根据每张卡的id进入不同的页面,例如数学卡,我希望它进入数学主页,科学卡,我希望它进入科学主页我的代码如下:Flutter 如何从扑动中单击卡片打开另一页,flutter,flutter-layout,Flutter,Flutter Layout,嘿,伙计,我正在开发一个应用程序,在主页上有3张卡,我希望每张卡根据每张卡的id进入不同的页面,例如数学卡,我希望它进入数学主页,科学卡,我希望它进入科学主页我的代码如下: import 'package:appname/model/Topic.dart'; class TopicDao { static final List<Topic> topics = [ const Topic( id: "1", name: "Math",
import 'package:appname/model/Topic.dart';
class TopicDao {
static final List<Topic> topics = [
const Topic(
id: "1",
name: "Math",
image: "assets/img/math.png",
),
const Topic(
id: "2",
name: "Science",
image: "assets/img/science.png",
),
const Topic(
id: "3",
name: "English",
image: "assets/img/english.png",
),
];
//I think I can use this code somehow to make it go to the pages.
static Topic getTopicById(id) {
return topics
.where((p) => p.id == id)
.first;
}
}
我还是一个新手,所以任何帮助都将是惊人的
提前感谢:)您可以使用navigator类转到其他页面
onTap:(){
导航器。推(
上下文
材料路线(
生成器:(上下文)=>SecondScreen(id),
));
}
如果使用列表呈现三张卡,则可以使用其onTap()
方法调用nevigator中的另一个类,并向其传递可以显示不同页面的ID。详情如下:
谢谢您的回复!!当我使用您的答案时,我正在使用列表呈现三张卡。我得到以下错误:错误:未定义名称“onTap”。任何其他的帮助都将是惊人的@Phoneswapshop
onTap()
将在ListTile或GestureDetector上工作,因此您需要将列表项包装在其中才能使用它。共享您的代码可能会有进一步的帮助。
class Topic {
final String id;
final String name;
final String image;
const Topic({this.id, this.name, this.image});
}