flutter 分割线高度自适应
2024-01-10 本文已影响0人
Faith_K
使用 IntrinsicHeight VerticalDivider 来实现
![](https://img.haomeiwen.com/i1306100/049e442633a014bc.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)),
),
)
),
],
),
),
);
}