Flutter 颤振在列表视图生成器上仅显示小于6的长度
我有一个简单的listview构建器,我想要的只是显示6个值或小于6个值 这是我的密码Flutter 颤振在列表视图生成器上仅显示小于6的长度,flutter,dart,Flutter,Dart,我有一个简单的listview构建器,我想要的只是显示6个值或小于6个值 这是我的密码 Container( height: MediaQuery.of(context).size.height * 0.35, child: ListView.builder( shrinkWrap: true, scrollDirection: Axis.horizontal,
Container(
height: MediaQuery.of(context).size.height * 0.35,
child: ListView.builder(
shrinkWrap: true,
scrollDirection: Axis.horizontal,
itemCount: items['Items'].length,
itemBuilder: (context, index) {
var product = items['Items'][index];
return FadeInAnimation(
index,
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 10.0), child: ProductCard2(
product: product,
isHorizontalList: false,
)
),
);
},
))
我需要的是itemCount:items['items']。长度小于6。它有一些时间2长度一些时间10。我需要的是把它改成6。所以它不会显示超过6个。但如果少于6,它就会显示出来
如果我修复了6 I itemCount,那么那些小于6的项将在UI中显示错误。您可以将length属性钳制在最小值和最大值之间(这里分别为0和6):
这样,它最多只显示前6个项目(如果项目较少,则显示的项目较少)。尝试添加一行以夹紧长度
Container(
height: MediaQuery.of(context).size.height * 0.35,
child: ListView.builder(
shrinkWrap: true,
scrollDirection: Axis.horizontal,
itemCount: items['Items'].length.clamp(0, 6), // this one
itemBuilder: (context, index) {
var product = items['Items'][index];
return FadeInAnimation(
index,
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 10.0), child: ProductCard2(
product: product,
isHorizontalList: false,
)
),
);
},
))
Container(
height: MediaQuery.of(context).size.height * 0.35,
child: ListView.builder(
shrinkWrap: true,
scrollDirection: Axis.horizontal,
itemCount: items['Items'].length.clamp(0, 6), // this one
itemBuilder: (context, index) {
var product = items['Items'][index];
return FadeInAnimation(
index,
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 10.0), child: ProductCard2(
product: product,
isHorizontalList: false,
)
),
);
},
))