flutter 分割线高度自适应

2024-01-10  本文已影响0人  Faith_K

使用 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)),
                  ),
                )
            ),
          ],
        ),
      ),
    );
  }
上一篇 下一篇

猜你喜欢

热点阅读