颤动-具有无界高度误差的水平ListView
是一种特殊的列表视图控件，它允许在水平方向上滚动，并且每个列表项的高度可以有一定的误差。这种控件常用于展示大量数据，并且需要水平滚动查看的场景。
它的特点包括：
- 水平滚动：与传统的垂直ListView不同，颤动列表视图可以在水平方向上滚动，提供了更好的数据展示方式。
- 无界高度误差：每个列表项的高度可以有一定的误差，这意味着列表项的高度可以根据内容的不同而不同，适用于数据的多样化展示。
颤动-具有无界高度误差的水平ListView在以下场景中有广泛的应用：
- 图片展示：当需要展示多张图片时，可以使用颤动-具有无界高度误差的水平ListView来滑动查看，并且每个列表项的高度可以根据图片的尺寸来自适应调整。
- 商品展示：在电子商务应用中，可以使用颤动-具有无界高度误差的水平ListView来展示商品列表，滑动查看各个商品的详细信息。
- 广告展示：颤动-具有无界高度误差的水平ListView可以用于展示横幅广告或者轮播广告，通过水平滚动的方式吸引用户的注意。
腾讯云相关产品中，可以使用腾讯云移动开发套件（https://cloud.tencent.com/product/mpd）来实现颤动-具有无界高度误差的水平ListView。该产品提供了丰富的移动应用开发工具和服务，包括移动应用开发框架、移动端云存储、即时通讯、推送通知等功能，可以帮助开发者快速构建高质量的移动应用。
相关·内容
2回答
我使用flutter包来获取用户可以点击的无限滚动的日期列表的水平列表。
这是我收到的以下错误
The following assertion was thrown during performLayout():
RenderFlex children have non-zero flex but incoming height constraints are unbounded.
When a column is in a parent that does not provide a finite height constraint, for example
if it is in a v
浏览 4提问于2021-07-29得票数 0
4回答
我想要实现的是在屏幕的左半部分有一个静态容器，在屏幕的右半部分有一个可滚动的项目列表： |----------------------|
| | |
| Container | ListView |
| | |
|----------------------| 这是一个桌面应用程序，所以我喜欢这个布局。我的实现：(appStatWidgets是一个包含文本的容器列表) Row(
children: [
浏览 57提问于2021-03-28得票数 0
回答已采纳
1回答
我正在尝试创建一个动态的水平列表视图。但是，当我创建listview时，它占用了页面上剩余的垂直空间。我尝试过使用容器来限制高度，但没有任何成功。这是我到目前为止尝试过的： 列表磁贴... class CardTile extends StatelessWidget {
final GreetingCard greetingCard;
const CardTile({Key key, this.greetingCard}) : super(key: key);
@override
Widget build(BuildContext context) {
r
浏览 24提问于2020-08-17得票数 0
回答已采纳
2回答
颤动中的水平列表
、、、、
我遵循了这个，并完全实现了一个水平滚动列表。现在，我想做的是创建一个垂直列表，其中每一行都是一个水平列表。
我尝试了不同的方法，但我一直在想，应该可以简单地将水平列表设置为垂直列表的子列表，但它不起作用。
我的代码是：
Widget build(BuildContext context) {
return new Scaffold(
body: Container(
margin: EdgeInsets.symmetric(vertical: 20.0),
height: 160.0,
child: ListView(
childr
浏览 0提问于2018-06-29得票数 29
回答已采纳
2回答
大家好，我是flutter的新手，正在尝试编写我的第一个应用程序，我遇到了Flutter (Dart) RenderFlex溢出像素的问题。 我已经尝试了多种不同的方法来实现这一点，同时仍然使用ListView.Builder，但是，它们都不起作用。完成这项任务的更好方法是什么？ 我的代码在这里，提前感谢您的指导 class Register extends StatefulWidget {
final Function toggleView;
Register({ this.toggleView });
@override
_RegisterState createState() =&
浏览 21提问于2020-04-14得票数 2
回答已采纳
1回答
我需要设置ListView的宽度和高度。当设置宽度按预期工作时，设置高度没有影响，而且ListView总是延伸到屏幕的几乎底部(屏幕的启动和ListView的底部之间只有空白)。我正在以这种方式在呈现方法中创建ListView：
<ListView ref={component => this._stationsListFrom = component} style={styles.stationsList} dataSource={this.state.dataSource} renderRow={(rowData) => <Text>{rowData}<
浏览 4提问于2017-01-10得票数 6
回答已采纳
2回答
如何在列表中创建列表？
、、、、
我试图在ExpansionTiles的列表中添加一个列表，但在尝试创建它时遇到了一堆错误。有人能帮帮我吗？
Widget build(BuildContext context) {
return ListView.builder(
itemBuilder: (BuildContext context, int index) {
return Container(
padding: EdgeInsets.symmetric(vertical: 7, horizontal: 7),
child: ExpansionTile(
leading: I
浏览 25提问于2020-02-13得票数 0
回答已采纳
1回答
颤动:防止边距修剪
、、、、
我有一个水平的ListView.builder。附件中的图片展示了我的用户界面。
listView (红色)。itemBuilder按钮小工具(蓝色)；边距(绿色)。
当列表滚动到边缘时，没有边距，我的按钮将明显地靠在屏幕边缘。
如果我通过Container或ListView添加margin或padding，它会按预期移动我的UI。
然而，当我滚动我的列表时，列表中的项目现在被这个边距剪切，并且不会滚动到屏幕的边缘，而是滚动到边距边界。
我怎么能有一个在滚动时不裁剪列表的插页呢？
浏览 1提问于2018-06-22得票数 13
如何在ListView.Separated中设置每个ListTile项的高度？ 在下面的代码中，我使用了ListView.Seperated和ListTile项： Widget _LocationItem(LocationModel location) => Container(
child: Center(
child: ListTile(
title: Text(location.name),
trailing: Icon(Icons.arrow_right),
),
浏览 102提问于2021-07-24得票数 0
2回答
我想有一个容器的水平列表视图。即使我在外部容器中指定了一个较小的高度值，它也会占用100%的屏幕高度。 class Mobile extends StatefulWidget {
@override
_MobileState createState() => _MobileState();
}
class _MobileState extends State<Mobile> {
@override
Widget build(BuildContext context) {
return CustomPaint(
size: const S
浏览 28提问于2021-04-16得票数 0
1回答
当scrollDirection设置为垂直时，它会按预期工作。问题是，当我将section.axis设置为Axis.horizontal，以便ListView水平显示小部件时。 这个问题不能解决使用灵活或扩展的widget，因为ListView的高度需要由列表中的widget定义。 如您所见，shrinkWrap也已启用。所以我不知道这是怎么回事，谢谢你的帮助。 控制台说：'constraints.hasBoundedHeight'：不是真的。导致错误的相关小部件是: ListView class SectionWidget extends StatelessWidget {
浏览 24提问于2020-07-11得票数 1
回答已采纳
4回答
我正在尝试在flutter中开发一个水平列表视图。每当我输入scrollDirection: Axis.horizontal，然后重新运行程序时，我都会说出问题。我试着用listview对整个进行说唱，但也不起作用。 ? ? body: Container(
child:ListView.builder(
itemCount: _list.length,
itemExtent: 200.0,
itemBuilder: (context, i) {
final b = _list[i];
浏览 105提问于2020-05-02得票数 0
回答已采纳
1回答
我有一个问题，为什么蓝色容器大小会扩大所有的面积，(大小不工作)。谢谢
return Scaffold(
body: Container(
color: Colors.green,
width: 256,
height: 174,
child: Container(
height: 50,
width: 50,
color: Colors.blue,
),
),
);
浏览 0提问于2020-12-04得票数 0
我在解决如何在垂直布局(在本例中是垂直)中调整水平滚动(ListView)的大小时遇到了问题。
我希望ListView和它的内容一样高，但是我不知道如何通过水平滚动来实现这一点。
例如：
ListView(
children: [
//How do I size this ListView to the height of its child?
ListView(
scrollDirection: Axis.horizontal,
children: [for (int i = 0; i < 2; i
浏览 6提问于2022-04-24得票数 0
1回答
我想要完成这个布局：
ListView (垂直) -> ListView (水平) ->卡项目(固定大小)
但我不明白为什么显示渲染框错误。
主ListView：
return ListView(
children: [
...
HorizontalList()
...
],
);
水平ListView：
return ListView.builder(
shrinkWrap: true,
padding: const EdgeInsets.all(21.0),
scrollDirection: Axis.hori
浏览 5提问于2022-07-05得票数 0
回答已采纳
1回答
我在flutter web上工作，我希望我的网格视图滚动方向是水平的，但当我添加scrolldirection: Axix.horizontal时，它旋转了网格视图。我知道为了简单起见，我可以使用ListView，但它需要太多的代码才能让它在网络上响应。我只想让gridView自己通过屏幕宽度来管理它的crossAxisCount，以获得响应。所以我需要关于如何使GridView滚动方向水平的帮助。谢谢 int gridCrossAxisCount;
if (size > 1600) {
gridCrossAxisCount = 4;
} else if
浏览 10提问于2020-08-29得票数 1
回答已采纳
我必须显示一系列垂直ListView，用户应该在它们之间水平导航。
水平滚动只能在某些事件中执行，比如触摸按钮。
垂直的ListViews必须完全由用户的手势所驱动。
我试图获得这种效果，将ScrollView配置为水平，并将ListViews放入其中，但我发现垂直滚动结果完全禁用。
我如何才能获得理想的行为？有我不知道的ScrollView或ListView选项吗？我应该改变所有布局的结构吗？
谢谢。
浏览 2提问于2016-03-05得票数 1
回答已采纳
1回答
颤动中的堆叠ListView
、、、、
我想有一个水平的ListView项目堆叠在彼此的顶部在两端。有Stack和Positioned小部件可以将项目彼此对齐，但我找不到一个既继承了ListView又继承了Stack的实现。预期的结果应该如下所示： ? 我该如何做到这一点？
浏览 13提问于2020-08-09得票数 0
2回答
我的ListView的每个元素都是AnimatedContainer
AnimatedContainer(
height: _height,
...)
当然，在通过setState更改_height时，它适用于每个ListView元素。
Future<void> _changeHeight() async {
setState(() {
_height = 2;
});}
如何为每个元素_height分别设置AnimatedContainer？
浏览 11提问于2022-03-24得票数 0
回答已采纳
2回答
我想在Flutter中实现一个水平的列表视图，但不能滚动。当水平方向上的空间用完时，我需要它在新的一行上继续。到目前为止我只有
return ListView.separated(
separatorBuilder: (BuildContext context, int index) =>
const Divider(),
itemBuilder: (context, index) {
return ItemCard(items[index]);
浏览 17提问于2020-02-27得票数 3
回答已采纳
我正在尝试创建这样的聊天历史记录 ? 尝试使用ListView和CustomerScrollView时，都会强制孩子使用完全的水平宽度。 还尝试在ListView子级中嵌套固定大小的容器，但仍显示为全长。 我如何才能做到这一点？ 代码-其中的子容器是一个固定的大小，但强制占据整个屏幕的宽度。 child: ListView(
shrinkWrap: true,
children: <Widget>[
Container(
color: Colors.red,
浏览 22提问于2019-01-29得票数 1
回答已采纳
我正在开发一个Flutter应用程序，我想在其他ListView中动态调整ListView的高度。
我想让Listview & inside动态高度水平列表视图。
有人能帮我吗？
浏览 4提问于2019-07-20得票数 2
Widget build(BuildContext context) {
return Container(
child: ListView.builder(
shrinkWrap: true,
scrollDirection: Axis.horizontal,
itemCount: data[1].store.length,
itemBuilder: (BuildContext context, int index) {
return Wrap(
children
浏览 14提问于2020-10-03得票数 0
我们如何让ListView正常运行？我正试图在我的ListView中垂直滚动，我终于能够得到一些垂直滚动的东西，但ListView的高度一直在扩大！并且设置MaxHeight不会做任何事情。
<StackPanel x:Name="ActivityLog" Margin="0, 201, 0, 0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<ScrollViewer ScrollViewer.VerticalSc
浏览 3提问于2013-06-05得票数 1
回答已采纳
1回答
4水平ListViews颤动
、、、、
我想使用4 listView生成器，它可以在SingleChildScrollView中水平滚动，但即使在尝试了所有方法后，页面也不能垂直滚动，有人能帮助我吗？示例：
@override
Widget build(BuildContext context) {
return FutureBuilder(
future: getLibrayCourse(),
builder: (context,snapshot){
if(snapshot.connectionState==ConnectionState.waiting){
retur
浏览 0提问于2020-10-23得票数 0
如果我把ListView内容放在列内的行中，我想知道为什么不能看到它？谢谢
body: Center(
child: Column(
children: <Widget>[
Row(
children: <Widget>[
Flexible(
child: ListView(
children: [
Text('Text 1'),
Text('Text 2'),
浏览 5提问于2022-11-27得票数 1
回答已采纳
我正在堆叠小部件，我希望它是可滚动的，所以我使用了一个listview，我得到了这个错误(constraints.hasBoundedHeight'：is not true flutter)，我在某个地方看到listview不能放在listview中，所以我把它改成了Column，但我仍然得到了同样的错误。下面是我的代码。谢谢。
ListView homeList(){
var listView = ListView(
shrinkWrap: true,
children: <Widget>[
_imageSlider(),
Padding(
浏览 3提问于2019-02-20得票数 5
1回答
这是我在未来构建器中生成ListView的简单大纲代码。
我想要实现的是，我希望在FutureBuilder小部件下面有一些小部件，所以我用列包装了它，但是将来构建器的内容在添加之后就消失了，但是在添加之前就可以了。
Widget build(BuildContext context) {
child:FutureBuilder(
future: msDB.getListOfMoviesSeries(widget.type,widget.isWatched),
builder: (BuildContextcontext, AsyncSnapshot<List<
浏览 1提问于2020-05-12得票数 2
回答已采纳
4回答
Widget servicesListview() {
return Container(
decoration: new BoxDecoration(color: const Color(0xFFEAEAEA)),
child: Column(
children: <Widget>[
ListView.builder(
scrollDirection: Axis.vertical,
itemCount: menServicesLis
浏览 0提问于2019-02-13得票数 4
1回答
我正在做一个项目，在这个项目中，我必须同时绘制水平和垂直误差条。我发现大多数库都只有垂直线条。你知道有什么方法可以画出水平误差条吗？
浏览 0提问于2014-10-11得票数 1
2回答
我得到了一个包含两个用户控件的窗口，一个具有列表视图的用户控件和一个具有其他一些控件的用户控件。
如下所示：
+-------------------------------------------------+
| header stuff |
+---------------------------+---------------------+
| usercontrol with listview | another usercontrol |
+------------------------------------
浏览 2提问于2011-12-15得票数 0
我有一个水平的ListView，我想强制用户一次滚动一个项目，我如何实现这一点？ return Container(
height: 120.0,
padding: EdgeInsetsDirectional.only(start: 8.0),
child: ListView.builder(
itemBuilder: _buildListItem(),
scrollDirection: Axis.horizontal,
itemCount: arrayItems.length,
浏览 12提问于2019-01-15得票数 4
回答已采纳
我和Scaffold有个问题。我有一个带有文本和按钮的AppBar。身体上有一个ListView.builder。ListView内部有一个容器和许多TextButton小部件。
TextButton的文本部分可以是宽的，并导致出现警告条。因此，我包装了一个扩展小部件来包装它。
这会导致一个错误..。
在performLayout()期间抛出了以下断言: RenderFlex子级具有非零的flex，但是传入的宽度约束是无界的。
当某一行位于不提供有限宽度约束的父类中时(例如，如果它处于可水平滚动状态)，它将尝试沿着水平轴对其子行进行收缩包装。在一个子空间上设置一个挠曲(例如，使用扩展)表示该子
浏览 3提问于2022-05-08得票数 0
回答已采纳
我正在使用一个ListView.builder和一个Gridview.builder，并且需要使ListView水平，但是当我设置它的scrollDirection属性时，它抛出错误(附图) import 'package:flutter/material.dart';
class MenuPage extends StatefulWidget {
@override
_MenuPageState createState() => _MenuPageState();
}
class _MenuPageState extends State<MenuPa
浏览 24提问于2021-03-27得票数 0
回答已采纳
我正在尝试将Stack添加到SafeArea中的ListView中。但是，有一个运行时异常，如下所示： BoxConstraints forces an infinite height.
I/flutter (18717): These invalid constraints were provided to RenderConstrainedBox's layout() function by the following
I/flutter (18717): function, which probably computed the invalid constraints in q
浏览 18提问于2019-09-30得票数 0
回答已采纳
我有一个水平的Listview，它是用sizebox框包装的
SizedBox(
width: Get.width,
height: 50,
child: Obx(
() => ListView.separated(
shrinkWrap: true,
padding: Margin.h16,
scrollDirection: Axis.horizontal,
itemBuilder: _itemCategoryBuilder,
separatorBuilder: separatorBuilder,
浏览 5提问于2022-12-01得票数 0
扩展:扩展到沿“主轴”的可用空间。
Column(
children: <Widget>[
Text('Deliver features faster'),
Text('Craft beautiful UIs'),
Expanded(
child: FittedBox(
fit: BoxFit.fitWidth, // otherwise the logo will be tiny
child: const FlutterLogo(),
),
),
],
浏览 4提问于2020-02-05得票数 1
回答已采纳
1回答
我正在制作一个水平的ListView，并且我在ListView中构建了一些容器。 完成后，我想在Web上测试它，所以我在ListView中滚动了一下，但什么也没有发生。 我也尝试了shift+wheel scroll，但也不起作用。 如何在flutter web上测试listView？谢谢。 ListView(
scrollDirection : Axis.horizontal,
children: <Widget>[
Container(
width: 160.0,
color: Colors.red,
),
Contai
浏览 13提问于2021-10-04得票数 0
回答已采纳
2回答
这是FutureBuilder：
@override
Widget build(BuildContext context) {
return FutureBuilder(
future: postsRef
.document(userId)
.collection('userPosts')
.document(postId)
.get(),
builder: (context, snapshot) {
if (!snapshot.hasData) {
return c
浏览 1提问于2019-12-21得票数 1
回答已采纳
return Expanded(
child: ListView(
scrollDirection: Axis.vertical,
children: [
Expanded(
child: ListView(
scrollDirection: Axis.horizontal,
children: [
Container(
margin: const EdgeInsets.only(left: 25),
height: 200,
浏览 3提问于2022-11-23得票数 0
1回答
所以我是flutter的初学者，目前遇到了一个阻塞点，我有两个singeltons加载了2x的json，然后将它们显示到我的应用程序中，阻塞点是我现在正在试图弄清楚我是否可以使用嵌套的ListViews来显示数据(1个垂直的和水平的子级)。 问题是我有50个类别的项目列表，我使用ListView.builder来构建一个水平列表的列表，问题是当嵌套ListView.builders时，父ListView.builder构建所有的子列表，每个列表有4个元素，因此在加载屏幕和切换页面时会有延迟。 我找不到一种优雅的方式来管理这一点，我想找到一种方法来显示加载进度指示器或类似的东西，而不是让延迟只
浏览 14提问于2020-12-20得票数 1
我希望我的列是可滚动的，并且我不能使用Listview，因为我希望列视图中的子视图间隔均匀。话虽如此，我还是希望我的专栏可以滚动。将该列放置在SingleChildSCrollView中，整个屏幕将变为空白。谁能建议我一个很好的选择，使我的专栏滚动不用使用listview/singlechildscrollview视图。
我面临这个问题的实际代码太大，无法追踪真正的问题。我提供了一个示例代码，它突出了我面临的问题。这是我的代码：
return Scaffold(
appBar: AppBar(
automaticallyImplyLeading: false,
backgr
浏览 0提问于2021-02-09得票数 0
回答已采纳
1回答
我制作了一个应用程序来显示一个州下医院的列表。
这是Main.dart
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';
import 'dart:async' show Future;
import 'package:flutter/services.dart' show rootBundle;
import 'dart:convert';
import 'package:ema
浏览 1提问于2018-09-07得票数 9
回答已采纳
我已经创建了一个包含更多行的ListView。这个想法是，整个列表将不会显示，用户可以滚动它们。问题是，当我将ListView放在具有指定高度的容器中时，它会忽略容器的高度。下面是我的代码：
return Container(
height: 150,
child: ListView(
padding: EdgeInsets.zero,
scrollDirection: Axis.vertical,
children: list
),
);
问题是，当我用Center小部件包装容器时，ListV
浏览 1提问于2021-01-21得票数 0
我正在模拟从json api文件()获取数据，但它没有在屏幕上显示容器。在下面的文本中，我提到了ListView部分，我认为这就是问题所在，因为当我使用ListTile进行测试时，它是有效的。
Container(
padding: EdgeInsets.only(top: 550, bottom: 50),
child: FutureBuilder(
future: getTechies(),
builder: (BuildContext context, AsyncSnapshot
浏览 0提问于2020-11-15得票数 0
1回答
我正在尝试建立一个垂直列表，其中每个项目都是一个图像水平列表。
图像的大小是在Image小部件中设置的，但是如果我没有为external Container设置一个height值，我会得到一个黑屏。
我的问题是，如何设置Widget高度来包围子Widget，这样我就不需要设置外部容器高度了？
这是我的代码：
return ListView.builder( //External vertical list
padding: EdgeInsets.all(2),
itemCount: snapshot.data.length,
p
浏览 4提问于2019-04-03得票数 0
我需要在我的应用程序中同时水平和垂直滚动一些数据。我覆盖了HorizontalScrollView，并允许它接受一个Adapter来填充其数据。它的行为非常像一个水平的ListView，除了我没有做任何视图回收。我的自定义HorizontalScrollView中的每个项目都是一个ListView，它的项目也用一个Adapter填充。ListView中的每一项都是一个复杂的视图。
我可以水平滚动，也可以垂直滚动，只是它的性能有点笨重。适配器中用于填充自定义HorizontalScrollView的getView()方法仅在第一次在视图上设置Adapter时调用。但是，我注意到在Horizont
浏览 2提问于2011-10-07得票数 2
回答已采纳
2回答
更新:当我尝试使用listView时，我一直收到错误，我需要3层列的3个列表视图，每个列都有一个水平可滚动的列表视图 import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
Widget horizontalList1 = new Container(
margin: EdgeIns
浏览 30提问于2019-05-21得票数 0
我需要构建一个包含对象列表的页面，这些对象被分组到一行中。需要同时垂直滚动(以显示更多组)和水平滚动(以显示组子对象)。垂直和水平滚动需要一起移动项目。如下所示：
我用下面的代码这样做：
Widget _buildGroups() {
return SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Container(
width: 2000,
child: ListView.builder(
scrollDirection: Axi
浏览 204提问于2019-10-21得票数 5
2回答
有一些项目，并希望水平显示它们，并需要他们换行时，没有足够的空间。
<div class="historyItem">
<div id="testTemplate" data-win-control="WinJS.Binding.Template" style="display:none">
<div class="itemTemp">
<h6 data-win-bind="innerText: desc"&
浏览 0提问于2012-05-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
