美文网首页
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