我正在努力与所有国家建立一份名单,我需要为所有国家增加一条灰色底线.
但当我try 实现此功能时,出现了一个问题.这条边框的宽度从左到右都被切断了,我不知道为什么.
如何将这个边框扩展为ListView的全部重量?
但我只能得到这样的结果:
This is how it looks like with my code个
这是我的代码:
class Countries extends StatefulWidget {
const Countries({super.key});
@override
State<Countries> createState() => _CountriesState();
}
class _CountriesState extends State<Countries> {
@override
Widget build(BuildContext context) {
return SizedBox(
height: 235,
child: Padding(
padding: const EdgeInsets.only(top: 8, left: 12, right: 12),
child: Container(
decoration: BoxDecoration(
border: Border.all(color: AppColors.gray2F2D2D),
borderRadius: BorderRadius.circular(8.0)),
child: Column(
children: [
Flexible(
child: ListView.builder(
itemCount: countries.length,
scrollDirection: Axis.vertical,
shrinkWrap: true,
itemBuilder: (context, index) {
return ListTile(
title: Container(
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(width: 1, color: AppColors.gray2F2D2D)
)
),
child: Padding(
padding: const EdgeInsets.only(
top: 16,
bottom: 16,
left: 20
),
child: Text(
countries[index],
style: const TextStyle(
color: AppColors.grayA0A0A0,
fontSize: 16,
fontWeight: FontWeight.w500),
),
),
),
);
},
),
),
],
),
),
),
),
}
}