Flutter 如何从扑动中单击卡片打开另一页

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",

嘿,伙计,我正在开发一个应用程序,在主页上有3张卡,我希望每张卡根据每张卡的id进入不同的页面,例如数学卡,我希望它进入数学主页,科学卡,我希望它进入科学主页我的代码如下:

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});


}