小编Sim*_*neR的帖子

这是我向社区提出的第一个问题。我正在学习 Flutter，并试图重新创建 Dribbble 上看到的设计。当我尝试向 GridTileBar 添加页脚时遇到这两个错误：

1. 在 PerformLayout() 期间抛出以下断言：'package:flutter/src/rendering/stack.dart': 断言失败: line 588 pos 12: 'size.isFinite': is not true。

2. RenderBox 未布局：RenderStack#fd7b9 relayoutBoundary=up6 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE 'package:flutter/src/rendering/box.dart': 断言失败：第 1940 行 pos 12: 'hasSize'

相关的导致错误的小部件是 ClipRRect lib\main_body.dart:73

我已将 GridTile 包裹在 ClipRRect 中，并且 GridTile 的子级是一个图像，请参阅添加页脚之前和之后的 2 个屏幕截图。

之前 之后

这是我的代码：

class UIUXCard extends StatelessWidget {

@override
Widget build(BuildContext context) {
  return ClipRRect(
    borderRadius: BorderRadius.circular(15),
    child: GridTile(
      child: Image.asset(
        'images/ui.jpg',
        fit: BoxFit.cover,
      ),
      footer: GridTileBar(
      backgroundColor: Colors.black54,
      title: Text('UI/UX Design'),
    ),
  ),
);

} }