flutter - 如何从 ListView.builder 返回展开的小部件?
问题描述
我试图返回水平方向的小部件列表,我想动态扩展小部件宽度。我怎么能做到这一点。(注意:ListView.builder 放在列内)
ListView.builder(
shrinkWrap: true,
scrollDirection: Axis.horizontal,
itemCount: widget.playType.length,
itemBuilder: (BuildContext context, int index) {
return Flex(
direction: Axis.horizontal,
children: <Widget>[
Flexible(
child: InkWell(
onTap: () {},
child: Container(
padding: EdgeInsets.only(left: 10, right: 10),
color: colorSubMenuBg,
height: 45,
child: Align(
alignment: Alignment.center,
child: Text(
widget.playType[index],
style: CustomTextStyle.listTile4(context),
),
),
),
),
),
],
);
});
预期的输出应该像这个突出显示的部分:
解决方案
在您的 ListViewBuilder() 中包装容器(高度:70)
像这样
Container(
height: 70,
child: ListView.builder(
shrinkWrap: true,
scrollDirection: Axis.horizontal,
itemCount: widget.playType.length,
itemBuilder: (BuildContext context, int index) {
return Flex(
direction: Axis.horizontal,
children: <Widget>[
Flexible(
child: InkWell(
onTap: () {},
child: Container(
padding: EdgeInsets.only(left: 10, right: 10),
color: colorSubMenuBg,
height: 45,
child: Align(
alignment: Alignment.center,
child: Text(
widget.playType[index],
style: CustomTextStyle.listTile4(context),
),
),
),
),
),
],
);
}),
);```
推荐阅读
- xcode - SwiftUI Inspector 进入项目
- java - ttyS0 未显示在终端上
- google-app-engine - 如何将我的 Google 应用程序与我的自定义域一起使用?
- ios - 有没有一种更有效的方法可以在不手动指定每个视图的情况下向 UICollectionViewCell 添加相同的视图?
- c# - MongoDB返回未设置为对象实例的对象引用
- javascript - 如何通过 SquareSpace 索引子页面传递 URL UTM/SQF 参数?
- azure - 我们可以在发布管道 - Azure devOps 中发布工件吗?
- c++ - 2格浮力优化
- php - 在 php 变量中定义整个 html 代码并将其写入文件
- nginx - Nginx 显示子链接和路径的 404 错误