flutter 分割线高度自适应

使用 IntrinsicHeight VerticalDivider 来实现

image.png
Widget itemBuilder(BuildContext context, int index){

    String leftText = 'leftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftText';
    String rightText = 'rightText';

    return Container(
      decoration: BoxDecoration(
        color: index %2==0 ?const Color(0xffF7F8FA):const Color(0xffffffff)
      ),
      child: IntrinsicHeight(
        child: Row(
          children: [
            Expanded(
                child: Padding(
                  padding: const EdgeInsets.only(top: 6,bottom: 6,left: 6,right: 6),
                  child: Text(
                    leftText,
                    style: TextStyle(fontSize: 12, color: Color(0xff5E5F66)),
                  ),
                )
            ),
            const VerticalDivider(
              width: 2,
              thickness: 1,
              indent: 0,
              endIndent: 0,
              color: Color(0xffE5E6EB)
            ),
            Expanded(
                child: Padding(
                  padding: const EdgeInsets.only(top: 6,bottom: 6,left: 6,right: 6),
                  child: Text(
                    rightText,
                    style:const TextStyle(fontSize: 12, color: Color(0xff5E5F66)),
                  ),
                )
            ),
          ],
        ),
      ),
    );
  }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容