flutter - 单击时如何将 ExpansionTile 小部件重叠在其他小部件上？

Question

我有一个 ExpansionTile 小部件的 GridList，它们中的每一个都包裹在一个 Card 小部件上。

我的问题是当我单击任何 ExpansionTile 小部件时，我得到像素溢出错误。如何解决这个问题？

//This is my main page
return Container(
  width: queryData.size.width*0.65,
  child: GridView.count(
    primary: false,
    padding: const EdgeInsets.all(20),
    crossAxisSpacing: 10,
    mainAxisSpacing: 10,
    crossAxisCount: 3,
    childAspectRatio: 3.5,
    children: <Widget>[
      Card(child: ShadyExpansionTile()),
      Card(child: ShadyExpansionTile()),
      Card(child: ShadyExpansionTile()),
      Card(child: ShadyExpansionTile()),
    ],
  ),
);

  //This is my custom ExpansionTile(Shady is my nick name)
    class ShadyExpansionTile extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ExpansionTile(
        title: Text('my title'),
        children: <Widget>[
          Text('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. '),
        ],
      );
  }
}

标签： flutterdartflutter-layoutflutter-dependenciesflutter-web

Answer 1

你为什么使用gridview？你可以试试换行吗？尝试添加 SingleSildScrollViewer 或创建堆栈。