flutter - 在flutter中单击gridview后如何显示详细信息

Question

抱歉英语不好..
我想根据gridview项目的id从一个屏幕导航到另一个屏幕。
当单击 listview item11 之一时，它将被定向到详细页面 item11.. 因此，当 ListView 的单击之一不同时，如何创建详细页面设计。
完整我的代码：

class CategoryScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new SafeArea(
      child: new Scaffold(
        appBar: new BankAndaAppBar(),

        body: new Container(

          color: Colors.grey[100],
          child: new ListView(
            physics: ClampingScrollPhysics(),
            children: <Widget>[
              new Container(
                  padding: EdgeInsets.only(left: 12.0, right: 12.0, top: 12.0),
                  color: Colors.grey[100],
                  child: new Column(
                    children: <Widget>[
                      _bodyGridView(),
                    ],
                  )),
            ],
          ),
        ),
      ),
    );
  }

  Widget _bodyGridView() {
    return SingleChildScrollView(
      child: new Column(
        children: <Widget>[
          GridView.count(
            shrinkWrap: true,
            physics: NeverScrollableScrollPhysics(),
            crossAxisCount: 3,
            children: CATEGORIES_DUMMY_DATA
                .map((cat) => ListCategory(cat.id, cat.title, cat.titleDetail, cat.description, cat.image))
                .toList(),
          ),
        ],
      ),
    );
  }    
}

我想在单击 gridview 项目后显示详细信息。
示例：每次单击项目 1 显示详细视图项目 = 1。

在此处输入图像描述
谢谢。

标签： flutterdart

Answer 1

据我了解，您希望在单击网格项目后显示详细信息。

如果是这样，有很多方法可以做到这一点。

1. 在页面内传递数据：follow
2. 创建一个模型类，将数据存储在内存中并显示出来。跟随

如果您想从一个屏幕导航到另一个屏幕，请关注