颤动中的ListView.builder inside ListView
是指在一个ListView控件中使用ListView.builder构建动态列表的情况。ListView.builder是Flutter框架提供的一个用于构建大型列表的高效方法。
ListView.builder是一种惰性加载的方式，它会根据需要动态创建子项并进行渲染，而不是一次性创建整个列表。这种方式对于列表数据量很大或者无法提前确定的情况非常有用。
使用ListView.builder inside ListView的优势在于可以构建具有复杂嵌套结构的列表。这种方式可以实现列表中的子项再次使用ListView.builder构建，从而实现无限嵌套的列表结构。
应用场景：
- 社交应用中的聊天界面，可以使用ListView.builder inside ListView来构建消息列表。
- 商品展示页面，可以使用ListView.builder inside ListView来构建商品列表，每个商品项再次使用ListView.builder展示多张图片。
- 新闻应用中的分类列表，可以使用ListView.builder inside ListView构建分类列表，每个分类下再次使用ListView.builder展示新闻列表。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是与ListView.builder inside ListView相关的腾讯云产品和介绍链接地址：
- 腾讯云移动推送：https://cloud.tencent.com/product/tpns 腾讯移动推送是一种支持Android和iOS平台的消息推送服务，可用于向移动应用的用户发送通知消息。在ListView.builder inside ListView中，可以使用腾讯云移动推送来实现消息的实时推送和更新。
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql 腾讯云云数据库 MySQL 版是一种全托管的关系型数据库服务，提供高可用、高性能、弹性扩展的数据库解决方案。在ListView.builder inside ListView中，可以使用腾讯云云数据库 MySQL 版来存储和管理动态生成的列表数据。
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf 腾讯云云函数（SCF）是一种无服务器的事件驱动型计算服务，可帮助开发者在云端运行代码。在ListView.builder inside ListView中，可以使用腾讯云云函数来处理动态列表的渲染和更新逻辑。
请注意，以上仅为示例推荐的腾讯云产品，并非广告宣传。具体选择使用哪些产品应根据实际需求和业务场景进行评估。
相关·内容
1回答
我有一个“合同”模型，其中一个参数是合同是否处于活动/非活动状态。我在contractModel文件中使用布尔值true/false实现了这种情况。现在，我正在呈现一个包含所有合同的ListView.Builder，但我在屏幕顶部创建了一个筛选器来选择活动/非活动的合同。我想要实现的是在“活动”ListView.Builder中呈现活动合同，而在“非活动”ListView.Builder中呈现非活动合同。
这是ListView.Builder的代码：
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
浏览 0提问于2020-11-12得票数 0
我有一些问题。我尝试在listView.But中编写listview.builder我的页面不是scrolling.When我点击widgets(绿色背景)-页面是scrolling.When我点击widgets(黄色背景)-页面不滚动。我正在尝试fix.But还没有决定。 Scaffold(
child: ListView(
children: <Widget>[
// Widgets ... //green background
child: ListView.builder( //yellow backgroun
浏览 6提问于2020-07-27得票数 0
回答已采纳
1回答
如何在向列表中添加项目时刷新ListView.builder？ ListView.builder(
itemCount: propList.length,
scrollDirection: Axis.horizontal,
shrinkWrap: true,
itemBuilder: (context,index)=> Text(propList[index]),
) 我的按钮是 FlatButton(onPressed: (){propList.add('text');}, child: Text('ad
浏览 17提问于2020-01-27得票数 5
回答已采纳
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
3回答
我有一个问题，当我想在屏幕上滚动时，应用程序无法滚动。我遗漏了什么？
这是我的
return Scaffold(
appBar: AppBar(
title: Text('Second Page'),
),
body: Center(
child: SingleChildScrollView(
child: Column(
children: <Widget>[
Container(
height: MediaQuery.of(context).size.heig
浏览 16提问于2020-02-29得票数 0
回答已采纳
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
1回答
我想实现一个超过100张卡的Listview.Builder无限列表滚动条。但是，当下面的代码运行时，滚动条不会在任何时候出现。它总是看不见的。
我在滚动视图中包装Listview.Builder，如下所示。
除了官方文档之外，我在Flutter的滚动条上看到的文档很少。
任何建议都将不胜感激！
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text("Cards"),
),
body: new RefreshIndicator
浏览 7提问于2018-08-25得票数 0
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
1回答
当您根据ListView.builder和ListView.separated的默认行为插入/删除/重新排序(或执行任何其他操作) ListView项时，它总是重新构建整个小部件。 我怎样才能避免这种情况？它会带来不希望看到的结果，比如数据丢失。
浏览 36提问于2020-12-25得票数 1
我已经在ListView.builder中创建了TextFields。当用户提交时，该值将添加到valueList中。
List valueList = [];
ListView.builder(
itemBuilder: (context, index){
return Padding(
padding: const EdgeInsets.all(8.0),
child: TextField(
key
浏览 2提问于2020-05-30得票数 0
1回答
我的问题是关于flutter的listview。 当我从列表中删除项目并设置状态时 setState(() {
items.removeAt(500);
}); flutter listview.builder滚动到顶部。我希望它在从列表中删除项目后不会滚动。 你的建议呢？ 提前谢谢。
浏览 17提问于2019-06-13得票数 0
1回答
所以我是flutter的初学者，目前遇到了一个阻塞点，我有两个singeltons加载了2x的json，然后将它们显示到我的应用程序中，阻塞点是我现在正在试图弄清楚我是否可以使用嵌套的ListViews来显示数据(1个垂直的和水平的子级)。 问题是我有50个类别的项目列表，我使用ListView.builder来构建一个水平列表的列表，问题是当嵌套ListView.builders时，父ListView.builder构建所有的子列表，每个列表有4个元素，因此在加载屏幕和切换页面时会有延迟。 我找不到一种优雅的方式来管理这一点，我想找到一种方法来显示加载进度指示器或类似的东西，而不是让延迟只
浏览 14提问于2020-12-20得票数 1
我刚接触flutter，一直在尝试创建一个基于用户选择刷新ListView.builder的函数，我将城市名称作为字符串保存在用户集合中的firestore文档中。我有多个按钮，呈现不同的城市，根据选择，我需要ListView构建器来重建。我已经挣扎了一段时间，试图找到这个问题的解决方案。这里有人能帮上忙吗？ 这就是我从firestore中检索数据的方式 StreamBuilder(
stream: Firestore.instance.collection('users').snapshots(),
builder:
浏览 13提问于2020-06-28得票数 0
回答已采纳
1回答
颤动中的反向列表
、、、
我是第一次接触flutter。我正在尝试反转我发送给Listview.builder的列表。 列表如下： final List<Transaction> _userTransactions = [
Transaction(
id: 't1',
title: 'Shoes',
amount: 2500,
date: DateTime.now(),
),
Transaction(
id: 't2',
title: '
浏览 23提问于2021-10-25得票数 0
2回答
如果我使用listView.builder将项动态添加到listView中，如何保持列表底部的焦点？例如，如果列表已满，而我添加了一个项目，我该如何让另一个项目上升，并在不删除任何内容的情况下将焦点放在最后一个项目上？
浏览 4提问于2019-10-09得票数 1
回答已采纳
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
我有listview.builder窗口小部件，其中有几个ListView.builder和GridView.count与scrollDirection:Axis.horizontal在它里面。所有数据都来自服务，我使用FutureBuilder来获取它们。我的问题是，每当我滚动主ListView.builder时，其他列表视图项目都会带有动画(项目从左到右)。特别是如果我滚动得很快的话。我没有使用任何动画，我对这个问题也没有任何想法，也许每次我滚动lisview时它都会重建，但我使用AutomaticKeepAliveClientMixin作为主ListView。你有什么想法吗？感谢您的阅
浏览 9提问于2020-11-08得票数 1
1回答
我有一个ListView小部件(使用ListView.builder(...))，它显示从远程数据库延迟获取的分页查询结果的长长列表。因为结果是分页的，所以在用户滚动完所有结果之前，我不知道有多少个结果。 如何在构造动态ListView之后设置ListView的itemCount (或以其他方式固定长度)？一旦知道了ListView，我就可以用设置了itemCount的新itemCount替换它，但这听起来真的很草率，而且可能很昂贵(我假设flutter还不够聪明，不能重用旧ListView的子项？)。
浏览 9提问于2020-10-16得票数 0
在我的last question之后，我能够在一个ListTile小部件中显示数据库中的所有数据，但是如何添加一些行来分隔它呢？ return ListView.builder(
itemCount: int.parse(_resultLength),
itemBuilder: (context, index) {
return Column(
children: _Users
.map(
(user) => ListTile(
浏览 9提问于2020-07-23得票数 0
回答已采纳
我正在尝试使用for和ListView.builder循环我的数据，以下是我的代码的一部分
Widget listData(Data myList) {
List<Check> tab = myList.data.listItem;
List<Widget> list = new List<Widget>();
for (var i = 0; i < tab.length; i++) {
List<User> user= myList.data.listItem[i].detail;
list.add(Conta
浏览 2提问于2020-05-22得票数 1
回答已采纳
1回答
颤动:防止边距修剪
、、、、
我有一个水平的ListView.builder。附件中的图片展示了我的用户界面。
listView (红色)。itemBuilder按钮小工具(蓝色)；边距(绿色)。
当列表滚动到边缘时，没有边距，我的按钮将明显地靠在屏幕边缘。
如果我通过Container或ListView添加margin或padding，它会按预期移动我的UI。
然而，当我滚动我的列表时，列表中的项目现在被这个边距剪切，并且不会滚动到屏幕的边缘，而是滚动到边距边界。
我怎么能有一个在滚动时不裁剪列表的插页呢？
浏览 1提问于2018-06-22得票数 13
如何在Dart/Flutter中使用ListView.builder`获取地图中的每个element并显示title, time etc.？
我列出了一个列表(这个假响应可能是格式错误的)。
我只想从这个列表中获取每个元素。
谢谢!
List<Map<String, dynamic>> fakeRes = [
{
"elem1": {
"items": [
{
"title": "this is a title",
"t
浏览 0提问于2020-06-04得票数 0
1回答
我有一个水平的listview.builder小部件，列表中的每个子部件大约是总宽度的90℅，我如何检测哪个小部件是焦点。
这是我的小工具。
new ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: categories.length,
itemBuilder: (context, index) {
浏览 1提问于2018-08-18得票数 7
我有一个带有许多TextFormField的表单，这些ListView.builder是动态加载的，问题是我只想更改一个TextFromField的文本，但我使用TextEditingController更改了所有TextFromField的文本，这是因为我的所有TextFormField都使用相同的控制器，有没有什么方法可以更改一个TextFormField的文本，而不管TextFormField到底是什么？
我将非常感谢你的帮助。
这是包含TextFormField的ListView.builder
class ListBuilder extends StatefulWidget {
浏览 3提问于2020-05-16得票数 1
回答已采纳
2回答
我有一个小工具谁需要选择一个单一的项目使用无线电作为动态。我已经创建了这个小部件，如下所示： int number;
return Container(
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Radio(
value: index,
groupValue: number,
activeColor: C
浏览 6提问于2020-06-09得票数 0
回答已采纳
1回答
我的UI用例类似于Instagram用户配置文件。 我有多个小工具在顶部和一个无限的ListView.builder与项目。我想滚动所有东西，就像在ScrollView中一样，但是滚动视图不能包含无限列表。 如何在Flutter中处理这种情况？
浏览 25提问于2021-04-26得票数 2
回答已采纳
我有一个水平的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
回答已采纳
我正在尝试使用ListView.builder构建多个DropdownButton，只要用户单击浮动操作按钮的次数就相同
new FloatingActionButton(
onPressed: () {
setState(() {
counter++;
});
},
child: new Icon(Icons.add),
)
new ListView.builder(
itemBuilder: (BuildConte
浏览 5提问于2018-08-31得票数 2
回答已采纳
1回答
如果我有一个ListView来显示来自sql的数据。1)这个关闭数据库的函数应该放在哪里? 2)_Close函数足以关闭数据库还是需要使用异步？？ void _Close(Database db) {
db.close();
} 这是我的Listview： ListView getStudentsList() {
return ListView.builder(
itemCount: count,
itemBuilder: (BuildContext context, int position) {
return
浏览 13提问于2020-04-09得票数 0
1回答
我通过ListView.builder显示我的答案列表，并选中复选框work ok，但当我向下滚动并返回复选框时，选中的值丢失。另一种方式是在选中答案自动复选框中丢失焦点时丢失选中的值。下面是我的代码。如果有人能帮助我，我将不胜感激。
class AnswerItem extends StatefulWidget {
@override
_AnswerItemState createState() => _AnswerItemState();
}
class _AnswerItemState extends State<AnswerItem> {
Lis
浏览 1提问于2020-11-29得票数 0
1回答
我在不显示任何内容的垂直list.its中添加水平列表视图 @override
Widget build(BuildContext context) {
return Scaffold(
body: new ListView.builder(
itemCount: 3,
scrollDirection: Axis.vertical,
itemBuilder: (context, position) {
if (position == 0) {
浏览 12提问于2019-02-01得票数 9
回答已采纳
1回答
下面是我从Json文件中获取数据的方式： child: FutureBuilder(
future: DefaultAssetBundle.of(context)
.loadString('files/myfile.json'),
builder: (context, snapshot) {
// Decode the JSON
var newData = json.decode(snapshot.data.toString()); 这是我放
浏览 20提问于2021-09-12得票数 1
当我滚动时，我正在尝试用一个消失的Appbar构建一个帖子的提要(比如Instagram)。这是我的代码：
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.pink[100]
),
body: postImagesWidget()
);
}
Widget p
浏览 0提问于2019-05-10得票数 1
我对Flutter编码相当陌生，目前，我正在尝试开发一个图像分类应用程序。我有一个Cloud Firestore数据库，其中数据库中的每个文档都包含两个字段:一个图像标签和一个图像URL。下面是一个数据库结构的示例： Example of the structure of the database 我正在尝试根据它们各自的标签对图像进行分类并显示它们，其中标签应该显示在可滚动的水平ListView的顶部，而属于该标签的图像将显示在下面的可滚动的水平are中。此外，水平ListView小部件应该包含在垂直ScrollView中。要实现的图像显示示例如下所示： Example of the di
浏览 15提问于2021-08-06得票数 0
回答已采纳
我想开始显示索引5中的列表项 ListView.builder(
itemCount: items.length,
itemBuilder: (context, index) {
return ListTile(
title: Text('${items[index]}'),
);
},
);
浏览 4提问于2020-07-08得票数 1
回答已采纳
有没有办法检查ListView是否为空。
ListView.builder(
itemCount: _items.length,
itemBuilder: (context, index) {
return _buildFilteredItem(context, index);
},
)
我想要搜索我的项目，如果它是空的，会显示一个文本小部件，告诉我没有找到项目。如果找不到项目，则_buildFilteredItem返回null。
浏览 0提问于2018-11-16得票数 11
我正在尝试听滚动的延迟加载，但我没有得到任何监听值，我已经使用了ListView.builder小部件，并附加了滚动控制器(_controller)，并在initState()方法中实例化了控制器，需要帮助解决这个问题 class _FeedsState extends State<Feeds> {
ScrollController _controller;
int pageNumber = 1;
@override
void initState() {
super.initState();
_controller = new ScrollCon
浏览 11提问于2021-01-14得票数 1
回答已采纳
我正在编写一个使用floatingActionButton的程序。当调用OriginFloatingActionButton()时，方法中也会调用showDialog()。 Profile首先调用。 @immutable
class Profile extends StatefulWidget {
const Profile({Key? key}) : super(key: key);
@override
_Profile createState() => _Profile();
}
class _Profile extends State<Profile>
浏览 9提问于2021-10-07得票数 1
回答已采纳
1回答
我正在学习本教程，这样我就可以读取事件的数据了。我转到了读取数据部分“在ListView中检索https://petercoding.com/firebase/2020/02/16/using-firebase-queries-in-flutter/ Firebase数据”。 我将代码粘贴到我的代码中，但在教程中找不到应该在哪里创建“列表”列表。有人能告诉我我应该定义什么列表才能正常工作吗？ FutureBuilder(
future: databaseReference.once(),
builder: (context, AsyncSnapshot<DataSnaps
浏览 9提问于2020-11-27得票数 2
回答已采纳
我正在堆叠小部件，我希望它是可滚动的，所以我使用了一个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
Listiew( children: [ ....., ListView.builder() ])我的小部件结构是这样的。
但是我的ListView构建器项消失了。
浏览 19提问于2022-02-23得票数 0
是否可以使用一个ListView.Builder将其所有项目填充到屏幕宽度内的不同行中？
目前，我的临时方法是有2个ListView.Builders。这将把我的列表一分为二。我希望ListView.Builder能够在屏幕的宽度限制内显示列表中的所有内容。如果没有足够的空间，则将兴趣填充到另一行。
该列表的名称是interests，它是一个字符串列表。
Padding(
padding: const EdgeInsets.fromLTRB(6, 6, 0, 0),
child: Container(
浏览 9提问于2021-05-17得票数 1
回答已采纳
2回答
我试着用下面的代码用SingleChildScrollView和ListView做一个应用
SingleChildScrollView(
child: Column(
children: [
maintile(),
Container(
padding: EdgeInsets.all(15.0),
decoration: BoxDecoration(
color: Colors.white,
浏览 8提问于2020-10-08得票数 0
1回答
我想当我点击垃圾桶图标时，从列表中删除此项目并重新加载它。 如何在listview.builder中做到这一点？ ?
浏览 23提问于2020-11-03得票数 0
1回答
我是一个新的flutter，目前正在处理一个需要滚动列的项目。所以我使用了ListView。CollapseTile是一个重构的小部件。
代码如下：
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: <Widget>[
ListView(
scrollDirection: Axis.vertical,
shrinkWrap: true,
浏览 11提问于2020-07-30得票数 0
回答已采纳
2回答
我在父类ListView.Builder中有一个简单的ParentRandomRender
Expanded(
child: Container(
child: ListView.builder(
padding: EdgeInsets.only(top: 10),
itemCount: _data.length,
itemBuilder: (context, index) {
return GestureDetector(
onTap: () {
print("do somethin
浏览 4提问于2019-12-21得票数 0
回答已采纳
我有一个ListView.builder，在这里我想显示带有阴影的容器。我想要一个容器的阴影覆盖另一个容器。。这很容易与Stack小部件有关，但我不知道如何在ListView.builder中实现它。
解决方案对我来说很好，
我决定使用以ListView作为参数的CustomScrollView，而不是使用slivers。在slivers内部，我正在映射一个项目列表，并返回包装有SliverToBoxAdapter的容器。我不知道它是怎么工作的，但对我来说很好。
CustomScrollView(
slivers: [
...names.map(
(e) => S
浏览 2提问于2021-06-15得票数 1
回答已采纳
1回答
我有一个数组，如下所示 final thisCategory = [
{
'category': 'Social Life',
'data': [
{'amount': 2000, 'content': 'thanks', 'date': DateTime.now()}
]
},
{
'category': 'Food',
'data'
浏览 13提问于2020-06-30得票数 0
回答已采纳
我有一个ListView.builder，它可以读取列表中的所有项并将它们显示给用户。构建器是RefreshIndicator的子类，后者在更新时添加一个项。但是，只有当我重新构建整个小部件时，该项才会显示在listView中。为什么会这样?我如何更改它，以便在更新后立即看到项目？即使在反复刷新之后，也不会出现新的项目...Thx寻求任何帮助
class User {
static String id = 'id-001';
static List<Item> list = [];
}
class DatabaseService {
final Collecti
浏览 0提问于2020-02-06得票数 0
7回答
我需要在Flutter上实现一个ListView，并且我将snapshot.data.length作为参数传递给itemCount：
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(
snapshot.data[index].data["Identificacao"],...
然后我得到了一个错误：
I/flutter ( 4647):
浏览 0提问于2018-10-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
