You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter:reusableCard组件传入Widget参数后无法显示问题求助

问题排查:Flutter reusableCard组件无法显示传入的cardChild内容

问题出在你的reusableCard组件实现上——你定义了cardChild参数,但在build方法的Container里没有将这个参数作为子组件挂载,导致传入的Column内容完全没被渲染。

修改后的reusableCard组件代码

class reusableCard extends StatelessWidget {
  reusableCard({required this.colour, this.cardChild});
  final Color colour;
  final Widget? cardChild;

  @override
  Widget build(BuildContext context) {
    return Container(
      // 核心修复:添加child属性挂载传入的cardChild
      child: cardChild,
      decoration: BoxDecoration(
        color: colour,
        borderRadius: BorderRadius.circular(20),
      ),
      margin: EdgeInsets.all(20),
      // 可选优化:添加padding和对齐让内容更美观
      padding: EdgeInsets.all(16),
      alignment: Alignment.center,
    );
  }
}

补充说明

  • 你的调用代码无需修改,保持原样即可正常展示图标和文本。
  • 额外添加的padding和alignment是为了让内部的图标、文本在卡片内居中显示,你可以根据实际需求调整或移除。

内容的提问来源于stack exchange,提问作者abc_neel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 04:10:41