美文网首页
flutter 中Row中子组件高度撑满

flutter 中Row中子组件高度撑满

作者: littlesunn | 来源:发表于2020-08-26 23:50 被阅读0次
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中子组件高度撑满

      本文链接:https://www.haomeiwen.com/subject/bssqsktx.html