Widget build(BuildContext context) {
return ListView.builder(
scrollDirection: Axis.horizontal,
shrinkWrap: false,
physics: const BouncingScrollPhysics(),
itemBuilder: (context, int i) {
return Center(
child: Card(
child: GestureDetector(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: const [
SizedBox(
height: 15,
width: 100,
child: ClipRRect(
//borderRadius: BorderRadius.only(topRight: 10,topLeft: 10),
child: Text("admistraction")),
),
Divider(
thickness: 2,
color: Colors.lightBlue,
),
Padding(
padding: EdgeInsets.only(left: 15.0, right: 5),
child: Text(
"Start Learning",
)),
],
),
),
),
);
},
itemCount: 5);
}
分隔符水平线在列表视图中不可见。我尝试在行或列中 Package 分隔符,我也在容器中 Package 它,但它不工作,它的工作与垂直,但在水平它不可见
4条答案
按热度按时间v8wbuo2f1#
用SizedBox Package 分隔符并给予高度和宽度
dnph8jn42#
尝试添加高度到分隔器,它会工作。只是添加一个小样本供参考。
使用方法为:
水平或直线(高度:10,标签:“或”)
1cklez4t3#
如果您使用的是
Column
,则应使用IntrinsicHeight
进行 Package ,对于Row
,需要使用IntrinsicWidth
来显示分隔符。在您使用
Column
的情况下,应该使用IntrinsicHeight
。请尝试以下代码:
t0ybt7op4#
尝试像这样增加分隔线的宽度