Flutter:抽屉中的网格视图

时间:2019-04-16 12:53:18

标签: gridview dart flutter drawer

我想在抽屉中显示菜单网格但卡住了

在页面中使用GridView.count时,它的工作方式,如果在抽屉中使用了GridView.count,则显示出一些渲染问题

Scaffold scaffold = Scaffold(
  appBar: AppBar(
    title: Text('X'),
  ),
  drawer: Drawer(
      child: Column(
    children: <Widget>[
      UserAccountsDrawerHeader(
        accountName: Text('X'),
        accountEmail: Text('x@gmail.com'),
        currentAccountPicture: CircleAvatar(
          backgroundColor: Colors.black,
          child: Text(
            'X',
            style: TextStyle(fontSize: 40.0),
          ),
        ),
      ),
      GridView.count(
        crossAxisCount: 4,
        children: <Widget>[
          Text('A')
        ],
      ),
    ],
  )),
);

预先感谢您的帮助

1 个答案:

答案 0 :(得分:0)

将GridView的rinkeWrap属性设置为true。

GridView.count(
  shrinkWrap: true,
  crossAxisCount: 4,
  children: <Widget>[
    Text('A'),
  ],
),

这将小部件的高度限制为仅所需的高度。