Flutter 如何在颤振中单击gridview后显示详细信息
对不起,英语不好Flutter 如何在颤振中单击gridview后显示详细信息,flutter,dart,Flutter,Dart,对不起,英语不好我想根据gridview项目的id从一个屏幕导航到另一个屏幕。 单击其中一个listview项目11时,它将被定向到详细信息页面项目11。。 那么,当ListView的一次点击不同时,如何创建详细的页面设计呢。 完整的我的代码: class CategoryScreen extends StatelessWidget { @override Widget build(BuildContext context) { return new SafeArea(
我想根据gridview项目的id从一个屏幕导航到另一个屏幕。
单击其中一个listview项目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(),
),
],
),
);
}
}
class CategoryScreen扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回新的安全区域(
儿童:新脚手架(
appBar:新银行和appBar(),
主体:新容器(
颜色:颜色。灰色[100],
子:新列表视图(
物理:ClampingScrollPhysics(),
儿童:[
新容器(
填充:仅限边设置(左:12.0,右:12.0,顶部:12.0),
颜色:颜色。灰色[100],
子:新列(
儿童:[
_bodyGridView(),
],
)),
],
),
),
),
);
}
小部件_bodyGridView(){
返回SingleChildScrollView(
子:新列(
儿童:[
GridView.count(
收缩膜:对,
物理学:NeverscrollableScroll物理学(),
交叉轴计数:3,
子类:类别\u虚拟\u数据
.map((cat)=>ListCategory(cat.id、cat.title、cat.titleDetail、cat.description、cat.image))
.toList(),
),
],
),
);
}
}
我希望在单击gridview项目后显示详细信息示例:每次单击项目1都会显示详细视图项目=1。
谢谢。根据我的理解,您希望在单击网格项目后显示详细信息 如果是这样,有很多方法可以做到
如果您想从一个屏幕导航到另一个屏幕请添加一些代码,以及您所做的操作。已经添加了代码,先生..是的,我想从一个屏幕导航到另一个屏幕,但需要不同的内容数据。谢谢,先生。