Question

我在 Flutter 中生成要在卡片小部件上显示的内容时遇到困难。我已经用我想要实现的样式注释掉了代码。但是，即使我尝试将 Text('Test Text') 小部件添加到我的 ReusableCard 类，它也不会模拟。我没有看到任何错误，我不明白为什么没有弹出任何内容。我尝试使用 Stack 小部件但没有运气。

这是 Flutter 应用开发训练营的配套项目。我将在此处分享我的 GitHub 存储库链接：GitHub Repo

任何帮助或指导将不胜感激。

Answer 1

嘿，我看到了你的代码，你必须返回小部件 int 重用类

您的代码

class ReusableCard extends StatelessWidget {
  ReusableCard({@required this.color, this.cardChild});

  final Color color;
  final Widget cardChild;

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.all(15.0),
      decoration: BoxDecoration(
        color: primaryColor,
        borderRadius: BorderRadius.circular(10.0),
      ),
     //you have missed this line
      child:cardChild
    );
  }
}

Answer 2

认为您忘记在此处为 ReusableCard 添加孩子。

Expanded(
                child: ReusableCard(
                  color: primaryColor,
                ),
              ),
            ],
          ),
        ),
        Expanded(
          child: ReusableCard(color: primaryColor),
        ),
        Expanded(
          child: Row(
            children: [
              Expanded(
                child: ReusableCard(color: primaryColor),
              ),
              Expanded(
                child: ReusableCard(color: primaryColor),
              ),
            ],
          ),
        ),

添加您的孩子或为此添加空容器

ReusableCard(
                  color: primaryColor,
                  cardChild: Container(
                  )
)

向自定义小部件类 Flutter 添加内容

2 个答案: