flutter 中Row中子组件高度撑满

QQ图片20200826234910.jpg

想做一个时间线组件,每一行分为左右两个部分,左边日期,圆点,竖线,这几个是合在一起的Container一个部分, 右边的是卡片一个部分,右边卡片高度会被内容撑开,导致最外层的Container被撑开,就是红色线框住的,这个没毛病.
但是左边的部分Container,下面又是个Row,高度并没有默认占满,找了很久,一下亲测可用~

用IntrinsicHeight包裹Row, 然后Row里的Container高度设为最大

Contianer(  //这是最外层,他的高度根据卡片高度决定

        child: IntrinsicHeight(  //继承最外层的高度

            child: Row(children: [

      Container(
          height: double.infinity, //设置高度无限大
          child: "左半部分"),

      Container(child: Text("右边半部分卡片,内容不固定")),

    ])));

你可能感兴趣的:(flutter 中Row中子组件高度撑满)