如何在flutter中单击网格视图后显示详细信息

Question

抱歉英语不好
我想根据gridview项目的id从一个屏幕导航到另一个屏幕
单击其中一个列表视图项11时，它将指向详细信息页面项11。。那么，当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(),
),
],
),
);
}    
}

我希望在单击网格视图项目后显示详细信息
示例：每次单击项目1都会显示详细视图项目=1。

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

Answer 1

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

如果是这样的话，有很多方法可以做到

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

如果您想从一个屏幕导航到另一个屏幕，请遵循