Flutter：抽屉中的网格视图

Question

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

当在页面中使用 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')
        ],
      ),
    ],
  )),
);

提前感谢您的帮助

Answer 1

将 GridView 的 shrinkWrap 属性设置为 true。

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

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

Flutter：抽屉中的网格视图

Flutter: Grid View in drawer

gridview

drawer

dart

flutter