在Dart中显示已构建的小部件列表
可以通过使用ListView或GridView来实现。ListView是一个滚动的小部件列表，而GridView则是一个网格布局的小部件列表。
ListView可以垂直滚动，适用于较长的列表。以下是ListView的一些特点和用法：
特点：
- 支持垂直滚动，可以显示大量的小部件。
- 可以根据需要进行无限滚动，即动态加载更多的小部件。
- 可以根据需要进行分页加载，提高性能。
用法：
- 导入ListView所在的库： import 'package:flutter/material.dart';
- 创建一个ListView小部件： ListView( children: <Widget>[ // 在这里添加要显示的小部件 ], )
- 在children属性中添加要显示的小部件。
GridView则可以以网格布局的形式显示小部件列表，适用于需要以多列或多行的方式展示小部件的场景。以下是GridView的一些特点和用法：
特点：
- 支持网格布局，可以显示多列或多行的小部件。
- 可以根据需要进行滚动，适用于较长的列表。
- 可以根据需要进行无限滚动，即动态加载更多的小部件。
用法：
- 导入GridView所在的库： import 'package:flutter/material.dart';
- 创建一个GridView小部件： GridView.count( crossAxisCount: 2, // 每行显示的小部件数量 children: <Widget>[ // 在这里添加要显示的小部件 ], )
- 在children属性中添加要显示的小部件。
对于以上两种小部件列表，可以根据具体的需求选择合适的方式来显示已构建的小部件列表。在实际开发中，可以根据不同的场景和需求选择使用ListView或GridView，并结合其他小部件来构建丰富多样的界面。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动开发平台（MPS）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
我有一个用函数中的for in循环构建的小部件列表，但是我不确定如何将所有小部件显示为列的子级。函数displayAllCards()构建列表，每个小部件都以padding开头，我不知道这是否有帮助。Widget
浏览 14提问于2019-11-01得票数 1
回答已采纳
我想在构建ListView.builder()之后运行这段代码。listViewScrollController.jumpTo( );
这将允许用户直接出现在聊天屏幕的页面底部这需要在ListView构建它的项之后执行，因为否则listViewScrollController.position.maxScrollExtent仍然是0而不是实际值。
浏览 0提问于2021-03-25得票数 0
2回答
添加带按钮的动态小部件
、、、、
当我试图向我的应用程序添加一个动态小部件时，我遇到了一个奇怪的bug。当按下添加按钮时，屏幕变得完全白色，我找不到为什么会发生这种情况。这是我的代码， @override decoration: new InputDecoration(hintText: 'Press + to Add Field'),
浏览 0提问于2020-08-05得票数 2
每次我想要通过从VS Code的autocomplete列表中选择一个小部件来添加它，让它成为一个容器、列等，完整的路径都会被重新导入。有时，自动完成列表还会为同一小部件显示多行。“import 'package:flutter/material.dart';”已包含在该文件中。 例如： import '../../../../..&#x
浏览 19提问于2020-01-28得票数 0
当单击相应的菜单按钮时，小部件TrainsPage将添加到main.dart中的构建图中。这将执行两次:一次是当_routes为空时，另一次是当_routes被填充时。selectedIndex == 2) { } else }
在TrainsPage.dart中，我
浏览 2提问于2021-10-01得票数 1
回答已采纳
我正在尝试动态地将小部件添加到列中。以下方法不起作用，因为按钮在单击时不会添加文本小部件。我想知道为什么这样做不起作用，我应该怎么做才能让它起作用。提前感谢你的帮助。import 'package:flutter/material.dart';
runApp(MyApp()); c.add(Text("testing
浏览 17提问于2021-07-02得票数 0
回答已采纳
1回答
我有两个有状态的小部件，第一个叫做MyApp，它在ListView构建器中显示员工列表。第二个有状态小部件名为ActionButton，它也是一个状态小部件。ActionButton小部件返回一个警报对话框。在“通知”对话框中，我可以通过输入员工姓名和薪资来添加新员工。
问题是，为了显示新添加的雇员，我必须重新加载应用程序。是否有方法通知MyApp小部件<
浏览 0提问于2018-11-20得票数 3
在questionnaire.dart中，我有一个显示弹出内容的代码，该弹出显示要回答的问卷。在questionnaire_controller.dart中，我使用了一些变量和函数，比如异步获取调查问卷数据的函数getQuestionnaires()，或者列表questionnaires，或者保存已选择的问题单实例的变量
浏览 3提问于2021-02-08得票数 3
2回答
我刚刚在build方法中读到了"const“小部件分配，那么在这个场景中，小部件是在应用程序启动时分配的，它们是如何存储的，存储在哪里？它们会增加应用程序的大小吗？
浏览 3提问于2020-02-27得票数 0
我有一个屏幕，它可以绘制多个名为EventCard的子部件。每一张卡都有一个可以点击的开关按钮，它将分派一个redux操作来触发一个HTTP调用，以便用其中一个选项( switch按钮)更新数据库中的模型。在http调用完成后，我们检查API的响应，如果一切正常，我们希望在屏幕上显示snackbar。此时，小部件的元素树的状态不再稳定。要安全地在其dispose()方法中<
浏览 5提问于2019-10-28得票数 2
我有一个整数列表。通过迭代构建方法中的列表，此项中的每一项都显示在状态小部件中。将同时显示项和小部件id。，它将显示在一个新生成的小部件中。例如，第一项0显示在小部件0中。但是，如果我
浏览 3提问于2022-06-13得票数 1
1回答
我在我的项目中使用Getx状态管理。如果我在颤振中使用底部导航栏，那么我的应用程序的性能就会很差，因为太多的控制器会同时加载。
我想一次只加载一个屏幕，直到并且除非我没有访问另一个导航栏索引。如何在我的代码中实现这一点，目前登录后，它正在加载每个屏幕之前，我访问颤栗，这使我很难，因为我希望数据重新加载，然后显示屏幕。import 'package:projectName/views/home/i
浏览 6提问于2021-04-24得票数 1
我跟随将我的第一个InheritedWidget添加到我的应用程序中。我已经创建了我的_state_container.dart文件，现在想要使用它。首先，我想在小部件中使用它，在这个小部件中，我会在群聊中显示聊天。这个小部件在文件receivedChats.dart (聊天头)中。我在这个例子中看到，我所需要做的就是实例化目标
浏览 5提问于2022-08-16得票数 0
请您告诉我如何通知我的状态子小部件在父用户单击按钮的某个地方？在第一个文件中，我用FAB描述了主屏幕小部件。在第二个版本中，我使用了ListWidget (比如RecyclerView)
如果用户点击FAB，我想通知我的ListWidget，以便它可以添加多一个项目。我有java/android背景，但是我很难改变我的想法
浏览 1提问于2018-10-09得票数 1
回答已采纳
如何才能看到导致小部件不断传播小部件树的原因？我正在使用提供程序包，并且遇到了小部件不断堆叠的问题--例如，如果我在主页中添加了一个print语句： Widget build(BuildContext context) {print("Home");flutter: Home
fl
浏览 5提问于2019-09-23得票数 7
回答已采纳
1回答
总共有三个文件: Home.dart、Post.dart和PostBuilder.dartList post = [];
void，每当我从Post.dart屏幕导航回主屏幕时，由于缓存的网络映像的高度是动态的，它就会重新构建，这似乎是一个小故障。可能是在导航时保存屏幕状态，这可能会阻止重
浏览 6提问于2022-10-09得票数 0
我制作了一个HeaderComponent，它在顶部显示标题"Home“，我使用了显示在底部的BubbleBottomNavbar插件。目前，我正在使用一个字符串列表作为模拟，但稍后我将从一个API一个循环中获得一个新闻列表，并以卡片的形式显示。我试图创建尽可能多的组件，并将它们包装起来，以便在任何地方重用相同的"MainContainer“。这一次将显示HeaderCompon
浏览 2提问于2020-07-15得票数 4
回答已采纳
3回答
我有一个非常简单的(有状态的)小部件，它包含一个Text小部件，它显示一个列表的长度，它是小部件状态的一个成员变量。在initState()方法中，我用使用setState()的四个元素的列表覆盖列表变量(以前为null)。然而，Text小部件仍然显示"0“。我添加的</em
浏览 3提问于2020-09-28得票数 3
回答已采纳
2回答
import "package:flutter/material.dart"; decoration: BoxDecoration(color: Colors.pinkAccent), );} 如果我在定时器和setstate的帮助下改变了容器的宽度和高度，
浏览 45提问于2019-02-08得票数 0
2回答
我正在开始使用flutter，并尝试构建一个Stateful Widget，它在被调用时会显示一个d3.js图表。我的想法是将图表构建到一个有状态的小部件中，并使用changenotifier提供程序来更新图表数据，而d3.js有漂亮的图表。 我找到了几个其他人做类似事情的参考资料...元素，以便从我的dart代码的角度来看，它只将其视为一个dart小部件
浏览 54提问于2020-07-22得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
