【问题标题】:Adding Content To Custom Widget Class Flutter将内容添加到自定义 Widget 类 Flutter
【发布时间】:2021-07-18 03:28:10
【问题描述】:

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

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

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

【问题讨论】:

    标签: flutter flutter-layout


    【解决方案1】:

    嘿,我看到了你的代码,你必须返回小部件 int reuseale 类

    你的代码

    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
        );
      }
    }
    

    【讨论】:

      【解决方案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(
                        )
      )
      

      【讨论】:

        猜你喜欢
        • 2016-06-15
        • 1970-01-01
        • 1970-01-01
        • 2018-09-11
        • 1970-01-01
        • 2011-03-20
        • 2017-12-04
        • 2019-10-02
        • 1970-01-01
        相关资源
        最近更新 更多