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

时间:2019-11-06 04:56:59

标签: flutter dart

抱歉,英语不好。
我想根据gridview项的ID从一个屏幕导航到另一个屏幕。
当单击列表视图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都会显示详细信息视图item = 1。

enter image description here

1 个答案:

答案 0 :(得分:0)

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

如果是这样,有很多方法可以做到。

  1. 在页面内传递数据:follow
  2. 创建模型类,将数据存储在内存中并显示。 follow

如果您要从一个屏幕导航到另一个follow