Question

嘿，我正在开发一个应用程序，该应用程序的主页上有3张卡，我希望每张卡根据每张卡具有的ID转到不同的页面，例如我想拥有的数学卡到MathHomePage和科学卡，我希望它转到ScienceHomePage，这是我的代码：

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;




  }






}

这里是主题课：

class Topic {
  final String id;
  final String name;
  final String image;


  const Topic({this.id, this.name, this.image});


}

我还是很陌生，所以任何帮助都很棒！!!!

先谢谢您了:)

Answer 1

您可以使用导航器类转到其他页面 onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => SecondScreen(id), )); }

如果您正在使用列表来渲染三张卡，则可以使用其onTap()方法并在 nevigator 中调用另一个类，并向其传递ID，以此为基础显示不同的页面。
更多内容： https://flutter.dev/docs/cookbook/navigation/navigation-basics

如何从卡中打开另一页在Flutter中单击

1 个答案: