我在Flutter中的GridView显示有问题

Question

您可以在我的作品下看到，这是一个乐透游戏，是飞镖中的迷你游戏，用户选择了5个数字并可以验证其选择，大的5个圆圈是所选择的数字，但它太大而无法正确呈现蓝色矩形：

我在“ Vosnuméros”下的红色5个数字有问题，它太大了，我无法减小代码中的大小，看来gridview会自动调整大小，您有什么主意吗？

{{1}}

Answer 1

这是因为您在Gridview上放了Padding，从而使其可以滚动

您可以将ClipOval放在return GridView.count( crossAxisCount: 5, mainAxisSpacing: 4.0, crossAxisSpacing: 4.0, children: new List<Widget>.generate( no_select.length, (index) { return Padding( padding: const EdgeInsets.all(8.0), child: ClipOval( child: Container( color: Colors.red, height: 20.0, width: 20.0, child: Center( child: new Text((no_select[index].toString()), style: TextStyle(color: Colors.white, fontSize: 24), textAlign: TextAlign.center), ), ), ), ); }, ), ); 元素中

{{1}}