颤振自定义小部件不显示孩子答案

【问题标题】：flutter custom widget is not showing children颤振自定义小部件不显示孩子
【发布时间】：2021-09-16 20:51:50
【问题描述】：

我正在关注构建自定义小部件的过时教程，但到目前为止，我无法使其在自定义小部件中可见：放置在 RusableCard 的子级中的任何内容在应用程序中都不可见。我能做什么？

....

                  child: ReusableCard(
                    color: activeCardColor,
                    cardChild: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        FaIcon(FontAwesomeIcons.search, size: 80),                       
                        SizedBox(height: 15),
                        Text(
                          'MALE',
                          style: TextStyle(
                            fontSize: 80.0,
                            color: Color(0xFF8D8E96),
                      
                ...

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),
      decoration: BoxDecoration(
        color: color,
        borderRadius: BorderRadius.circular(10),
      ),
    );
  }
}

【问题讨论】：

标签： flutter widget

【解决方案1】：

您在ReusableCard 上缺少Container 孩子。在 Container 上调用 child。确保处理空值。

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),
      decoration: BoxDecoration(
        color: color,
        borderRadius: BorderRadius.circular(10),
      ),
     child:cardChild!=null? cardChild: null,// handle here 
    );
  }
}

【讨论】：

容器可以有空值。