如何在flutter中显示列表
在Flutter中显示列表可以通过使用ListView或GridView来实现。ListView是一个滚动的列表，可以垂直或水平滚动，而GridView则是一个二维的网格列表。
要在Flutter中显示列表，可以按照以下步骤进行操作：
- 导入Flutter的material包，以便使用相关的UI组件：
import 'package:flutter/material.dart';- 创建一个包含列表数据的List变量，例如：
List<String> myList = ['Item 1', 'Item 2', 'Item 3'];- 在Flutter的Widget树中，使用ListView或GridView来显示列表。例如，使用ListView.builder来构建一个动态的列表：
ListView.builder(
itemCount: myList.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text(myList[index]),
);
},
)在上述代码中，itemCount指定了列表的长度，itemBuilder是一个回调函数，用于构建每个列表项的UI。在这个例子中，我们使用ListTile来展示每个列表项。
- 将ListView或GridView放置在适当的位置，例如在Scaffold的body属性中：
Scaffold(
appBar: AppBar(
title: Text('List Example'),
),
body: ListView.builder(
itemCount: myList.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text(myList[index]),
);
},
),
)以上代码将在屏幕上显示一个带有列表项的滚动列表。你可以根据需要自定义列表项的样式和布局。
推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）
希望以上信息对你有帮助！
相关·内容
我正在开发一个Flutter应用程序，其中使用NFC我必须以特定字节写入列表中的值。我使用的是Flutter NFC插件：
List<int> value = [253, 165, 6, 147, 164];
var result = hex.encode(value);
我需要能够存储十六进制值在特定的地址位置使用NFC。
浏览 48提问于2021-03-12得票数 1
我想用fluter做一个聊天机器人应用程序，所以我只使用flutter来创建用户界面，我想让我的flutter应用程序与python交互，所以我将从flutter应用程序接收问题并将其发送到python函数，该函数应返回答案，在flutter中我会将其显示在屏幕上。提示: 1-我用flutter制作了UI。2-我创建了python函数“它使用神经网络”。3-我只想使用python作为一个函数，我会将问题传递给它，它应该会返回答案。..。因此，我现在需要知道如何在flutter应用程序中调用python函数？enter image description here
浏览 1043提问于2020-07-05得票数 0
回答已采纳
我正在尝试从云火存储中获取url列表，并使用从fire基础存储中获取的图像。
图像按预期加载，但控制台显示一些错误，如下所示。
I/flutter (24353): The following NoSuchMethodError was thrown during a
scheduler callback:
I/flutter (24353): The getter 'image' was called on null.
I/flutter (24353): Receiver: null
I/flutter (24353): Tried calling: image
I/fl
浏览 0提问于2018-12-08得票数 3
1回答
如何在完成异步过程后返回未来列表
、、、、
我试图用Flutter + Firebase显示云存储中的所有对象列表。我创建了一个函数，用于获取桶中所有对象URL列表的未来，如下所示。
Future<List> _video_list() async {
List video_list = ['Debug'];
firebase_storage.ListResult result = await firebase_storage
.FirebaseStorage.instance
.ref().child('test_videos').listAl
浏览 2提问于2021-10-08得票数 0
3回答
如何使用像下面的屏幕截图这样的颤振来制作可扩展的ListView？
我想要创建一个ExpansionTiles的可滚动列表视图，它在展开时显示一个不可滚动的列表视图。
我尝试实现ExpansionTiles的列表视图，在其中我使用listView.builder(...)嵌套了另一个列表视图。但是当我扩展ExpansionTile时，列表视图没有出现.
(截图是为了说明的目的)
有没有办法在颤振中获得类似的输出？
编辑：我的源代码：
import 'package:flutter/material.dart';
void main() => runApp(
浏览 5提问于2018-05-25得票数 38
回答已采纳
我需要帮助在flutter中集成传单地图。我正在工作的项目需要在地图上显示自定义标记，动画，路线和绘图。但我找不到任何在flutter中解释这一点的文档或教程。
浏览 52提问于2020-04-03得票数 5
回答已采纳
我希望获取firestore集合中的所有文档，然后使用它创建Artist对象。我可以从firestore获取数据并显示它，但是当我将一个艺术家添加到我的列表中时，它仍然是空的
class Artist{
late String id;
late String name;
late String year;
Artist(this.id, this.name, this.year);
}
class ArtistsService{
Future getAllArtists() async {
Future<QuerySnapshot<Map<Stri
浏览 2提问于2021-12-01得票数 0
我一直在尝试在flutter应用程序和软件包中显示广告，我正在使用的是admob_flutter。我试图在一个单独的列表视图中显示广告，代码如下： class ListWithAds extends StatelessWidget {
@override
Widget build(BuildContext context) {
List example = ['a', 'b', 'c', 'd', 'e'];
return Container(
child: ListView.
浏览 39提问于2020-09-01得票数 0
回答已采纳
我使用为我的flutter应用程序开发了一个数字选择器，但它在数字选择器中只显示了数字列表中的三个元素。我想要显示更多的元素(例如7)，除此之外，我想要选择的元素正好是中间的元素(在我的例子中，前3个元素，后3个元素)库代码的哪部分应该被更改？
当只更改"_listViewHeight =3* itemExtent“时，在库中我们看到了我在下图中提到的问题。首先，所选项目不是最大值旁边的中间项目，不能选择。
浏览 2提问于2019-06-23得票数 3
我想实现添加到结帐，其中添加的项目数量显示。加号按钮在列表中添加元素，减号按钮从列表中删除元素。目标只是显示添加的特定项目及其数量。我在列表中添加了项目，希望计算重复项目的长度。我们如何在flutter中做到这一点呢？
浏览 21提问于2020-10-27得票数 3
回答已采纳
我正在尝试在flutter中建立一个多个组件的列表视图。我发现flutter列表视图对您可以添加到每个项目的内容是有限的。也许有一种方法可以做我想做的事情，但我不确定该怎么做。 以下是我的代码 ListView.builder(
shrinkWrap: true,
itemCount: count,
itemBuilder: (BuildContext context, int position) {
return Column(
ch
浏览 7提问于2019-08-30得票数 0
回答已采纳
我在理解如何在Android Studio中配置Flutter项目时遇到了问题。我已经完成了Flutter/Dart安装的所有步骤，并且可以成功地构建Flutter项目。我的问题是设置项目，以便Android Studio中的项目视图窗口将我的项目视为Flutter项目，而不是Android项目。例如，这是我创建的一个Flutter项目的屏幕截图：
注意flutter_app文件夹上的Java“咖啡杯”和android文件夹上的"flutter_app_android“。下面是一个似乎被正确识别为Android Studio中的Flutter项目的Flutter项目的示例：
我已经
浏览 1提问于2018-08-02得票数 1
我已经使用Flutter构建了我的应用程序，但我不确定如何通过Safari浏览器在Flutter应用程序中实现接受Flutter中的文本和URL的共享扩展。任何帮助都将不胜感激！提前感谢您的帮助：) 例如，当我在Safari浏览器中分享一些网址或文本时，我的应用程序应该显示在共享列表中，当我单击应用程序时，它应该在TextEditField中打开带有文本或网址的应用程序。
浏览 25提问于2020-10-31得票数 1
回答已采纳
我正在尝试创建所有扫描设备的列表，并在ListTile中显示。
这是我的代码
class HomePageState extends State<Home>{
BluetoothDevice device;
FlutterBlue flutterBlue = FlutterBlue.instance;
List<AdvertiseData> dta = [];
Future<List<AdvertiseData>> getAdvData() async{
var beaconName;
await flutterBlue.scan(t
浏览 7提问于2019-11-13得票数 0
回答已采纳
2回答
颤振图像加载和缓存
、、、
这里是我的用例：
我正在得到图像的URL列表。
我希望在数据库中显示和缓存它们，而不仅仅是针对特定的会话，因此下次它不应该执行web服务调用。
我们的应用程序也在离线工作。我尝试了一些库，如flutter_advanced_networkimage和flutter_cache_manager，但是我变得非常滞后，而且大多数情况下应用程序崩溃。
浏览 0提问于2019-05-14得票数 11
回答已采纳
目前我根本无法运行任何应用程序，因为我的安装程序给了我以下错误：
Flutter device daemon
Flutter device daemon #1: process exited during startup. Exit code: 1, stderr:
'where' is not recognized as an internal or external command,
operable program or batch file.
这是通过显示我的设备列表显示为不断“加载.”来实现的。永远找不到我的设备。
命令行中的颤振医生-v：
颤振
浏览 3提问于2019-07-21得票数 2
我想定制flutter table_calendar包，以便它以可滚动列表的形式在单个页面中显示一年中的所有月份。 提前谢谢。 This is the expected output.
浏览 57提问于2021-01-19得票数 0
我是新来的Flutter。我想从我的列表变量中显示DropdownMenuItem。查看我的代码。 // my list variable
List listUserType = [
{'name': 'Individual', 'value': 'individual'},
{'name': 'Company', 'value': 'company'}
];
// items property in DropdownMenuIt
浏览 27提问于2019-06-25得票数 3
回答已采纳
提前谢谢你，
这个项目(使用Flutter)我正在研究如何在各个服务下显示类别列表。
其中类别必须显示在垂直滚动列表中，而服务必须显示在水平滚动列表中。
这两个列表(类别和服务)都应该彼此滚动。
它有点像多个标签，只有一个垂直滚动列表。在实现这一点时遇到了困难。请分享克服这个问题的想法。
浏览 0提问于2020-05-19得票数 0
我正在尝试使用Google登录我的Flutter应用程序。但是，由于依赖关系的一些问题，我无法构建应用程序。我已经将所有依赖项更新到最新版本，但都无济于事。如何解决这些依赖关系，以便可以构建应用程序？ 这是一个简单的flutter应用程序，使用谷歌登录，在连接的OnePlus 6安卓手机上运行。 我已经尝试将依赖项更新为最新版本，并更改代码以匹配在以下位置找到的最新版本的google_sign_in依赖项：https://pub.dartlang.org/packages/google_sign_in 我还尝试将firebase_core添加到依赖项列表中，因为错误消息显示该应用程序依赖于f
浏览 31提问于2019-04-08得票数 2
我是flutter的初学者，"data“是一个从应用程序接口获取的列表，当我打印"nameLower”时，它可以工作，但如果我打印"stations“，它不会显示。上面的函数是在什么之后返回的？？如何从映射函数返回的"nameLowers“创建字符串列表。 static Future<List<String>> getName(String query) async {
final data = await NetworkHelper(url: "http://34.93.58.35:3000/getStations&#
浏览 14提问于2021-08-03得票数 0
在我的颤振项目中，我希望使用Positioned小部件在屏幕上重新定位列表，这样用户就可以手动或使用动画移动列表。
我所做的很好，但是我发现，每次列表被移动时，列表的每一项都是重新构建的，这会导致一些性能问题。
下面是一个基本的例子：
class TestPositionedPage extends StatefulWidget {
@override
_TestPositionedPageState createState() => _TestPositionedPageState();
}
class _TestPositionedPageState extends Sta
浏览 4提问于2021-01-14得票数 0
回答已采纳
1回答
我正在尝试从REST API加载数据，并将它们加载到下拉列表中。下面是实现我的下拉列表和从外部加载数据的代码。
String _selectedLocation;
FutureBuilder _dropDownMenu() {
List<String> categoryList = new List<String>();
return FutureBuilder<List<ProductCategory>>(
future: DataFetch().fetchCategoryLis
浏览 2提问于2019-04-08得票数 2
我需要更灵活地在flutter中显示/关闭DropdownButton的选项列表。我希望能够显示/隐藏DropdownButton作为一些其他用户操作的结果，而不是单击它。这些方法似乎并没有在文档中公开。做这件事的好方法是什么？
浏览 0提问于2018-09-17得票数 4
您好，我刚接触flutter，但我想知道如何在共享首选项中保存输入列表，以及如何显示列表中的值，例如TextEditingController 1。 var list = new List<TextEditingController>();
final TextEditingController Input1 = new TextEditingController();
final TextEditingController Input2 = new TextEditingController();
final TextEditingController Inpu
浏览 10提问于2020-01-29得票数 0
1回答
我想在listview中显示图像和视频，我可以显示图像，但我想显示视频也请帮助我。我想创建像instagram这样的应用程序，这里是我的视频代码。 class mydynamic extends StatefulWidget {
@override
_mydynamicState createState() => _mydynamicState();
}
class _mydynamicState extends State<mydynamic> {
List<String> urls = [
"https://flutter.github
浏览 27提问于2020-06-28得票数 0
1回答
我只想知道如何通过Flutter中的Navigator.pushnamed()将整个列表作为参数进行传递。这是可能还是不可能？如果我试图传递list n，那么它显示的参数类型'List‘不能赋值给'String’
浏览 22提问于2020-04-25得票数 0
3回答
我正在制作最喜欢的列表，其中包含用户最喜欢的旅行使用提供者，然后我将显示这些行程在最喜欢的旅程屏幕。
Favorite.dart：
import 'package:flutter/material.dart';
class Favorite extends ChangeNotifier {
final Text date;
final Text time;
final Text source;
final Text destination;
final Text price;
Favorite(this.date, this.time, this.s
浏览 12提问于2022-10-08得票数 0
回答已采纳
有一种方法可以使用fire base和flutter创建来自用户ListView的推荐...
例如，我在firebase中有一个数据列表，当我在数据列表屏幕中显示它们时，我正在从firebase中获取它们，我有一个来自用户的推荐列表视图，例如，来自用户的已单击数据项显示如下图所示：
更具体地说，如果用户查看了数据，数据是如何显示的？
有没有办法或文档来做这样的事情？
浏览 31提问于2021-05-30得票数 0
我尝试在一个列表中显示多张卡片。每张卡片都显示一个谷歌地图(使用google_maps_flutter插件)。 当我尝试显示多张卡片/地图时。(在iOS上)发生崩溃。 崩溃: Flutter`SkPictureRecorder::getRecordingCanvas： 它似乎与这个问题有关，https://github.com/flutter/flutter/issues/28416，但我还没有找到任何解决方法 有什么解决方案/advice吗？
浏览 11提问于2020-04-16得票数 0
我试图从Firebase的FireStore数据库中读取数据，并将其显示为颤振应用程序中的列表。
我遇到了一个问题，我需要将StreamBuilder作为Widget的一部分。如果StreamBuilder小部件是小部件的单个子部件，则可以呈现。但是，如果数组的一部分子部件，它不工作。例如：
下面是使用StreamBuilder的Widget
Widget postsListWidget = new StreamBuilder(
stream: Firestore.instance.collection('baby').snapshots(),
浏览 0提问于2018-06-11得票数 3
回答已采纳
我正在尝试在Flutter应用程序中显示音频文件的长度。我用过flutter_sound和audioplayers插件，但我不确定如何在不播放音频文件和获取持续时间的情况下获得音频文件的长度(我想在列表中显示每个音频文件的长度，以便用户在播放之前知道它有多长)。除了在其中一个插件中使用播放音频文件的持续时间之外，我在网上找不到任何显示如何在dart中获取音频文件长度的方法。有人知道怎么用dart得到音频文件的长度吗？
浏览 45提问于2019-11-23得票数 4
1回答
我一直试图找出如何动画一个材料卡的登录页面。第一页将有一个带有电子邮件和密码字段的卡片。第二页还将有一张卡片，上面有姓名、国家、城市和地址字段。我想展示一些不错的动画之间的两个，显示卡扩展。这两张卡目前都被包装在英雄中，但是当我从第一页导航到第二页时，就会出现溢出异常。但经过一段短时间后，异常会消失，没有黄色和黑色的条子。
我的问题是，我如何在没有异常(视觉上的黄色和黑色的条形)出现的情况下激活卡片？
我还试着把英雄放在一个装着材料卡的容器里。以及包含容器的SingleChildScrollView周围。以及包含SingleChildScrollView的中心周围。这些工作中没有一项是不溢出的
浏览 0提问于2019-01-16得票数 2
1回答
如何根据flutter中的卡片索引打印带有图像和文本段落的卡片列表？这意味着假设我有一个Notification页面，并且我必须以卡片列表的格式显示即将到来的通知。如果我有生日通知，那么我必须为用户显示生日照片和生日文本。如果我有提醒，那么我必须在卡片中显示带有日历照片的提醒文本，就像这样
浏览 19提问于2021-01-13得票数 0
1回答
这里有一个相关的堆栈溢出问题。
如果你读到评论@德里克-拉金，就会得出结论，应该在步进器内使用一列，因为步进器是可滚动的。我正在做同样的事情，但是我面临的一个问题是，列使文本小部件只占用所需的空间，而不是整个屏幕宽度。如果我用一个材料小部件包装文本小部件并应用海拔或颜色，我会注意到这一点。
为了修复这个问题，我尝试将扩展的小部件封装在我的小部件列上。但是，我会得到渲染错误。
有人能让我知道，我如何构建一个步骤，其中包括作为展开的层次结构(列(子部分:ListWidget))。
我可以只使用列构建步骤，但我正在考虑使用扩展来纠正列中不适当的大小调整问题。
stepWidget = Expand
浏览 1提问于2018-11-27得票数 0
回答已采纳
1回答
我目前正在用Flutter开发一个移动应用程序。我想像这样显示颜色预览和下拉列表中的颜色： ? 我该怎么做呢？有没有可以导入的包？ *它们都是土耳其语。(Kırmızı=red、mavi=blue、sarı=yellow等)
浏览 18提问于2019-12-11得票数 0
我是flutter的新手&我试图在列表视图中显示从1到100的数字，但不知道如何设置？
浏览 52提问于2019-05-02得票数 1
我正在使用flutter。我有两个项目可用和项目不可用的动态列表。我想以一种方式显示两个列表，它显示完整的可用项目列表，然后显示完整的不可用项目列表，flutter将动态决定长度。 谢谢你。
浏览 9提问于2019-03-21得票数 1
回答已采纳
我正在构建一个简单的Flutter应用程序，两个ListView叠加在一起，我试图将占用所有可用空间的第一个列表视图(文件列表)放在第二个列表视图(标签列表)之上，第二个列表视图只占用显示标签所需的空间。
我曾尝试将列表添加到Stack小部件，但列表重叠。我还尝试过在两个Expanded小部件中添加ListView，但同样不起作用。
使用Stack小部件的。
这里是所有使用的代码(如果你想运行它，复制并粘贴到默认的项目main.dart中)
import 'package:flutter/material.dart';
void main() => runApp(ne
浏览 0提问于2018-04-20得票数 0
1回答
我有一个使用flutter_local_notifications包显示通知的颤振应用程序。
是否可以让integration_test以这样的方式进行端到端测试：
计划通知(例如，未来10秒)，关闭app，显示、单击通知，并以所需结果打开app。
计划通知(例如，未来10秒)，保持app打开，显示、单击通知，并以期望的结果打开app。
等。
浏览 3提问于2022-08-18得票数 2
我的应用需要大量数据才能在flutter应用中脱机显示。以前，我以列表的形式存储所有的数据，并在应用程序中循环显示项目，但这些数据变得非常庞大，超过1000行和100KB，所以我想知道这样做是否可以，或者有没有更有效的方法在应用程序中存储数据？ 我使用的列表格式： const List<String> summaries = [
"Lots of texts",
"Another Lots of texts",
// Lots of other large items
]
const List QnA = [
[
浏览 46提问于2019-04-02得票数 1
每次我想要通过从VS Code的autocomplete列表中选择一个小部件来添加它，让它成为一个容器、列等，完整的路径都会被重新导入。有时，自动完成列表还会为同一小部件显示多行。“import 'package:flutter/material.dart';”已包含在该文件中。 例如： import '../../../../../flutter_linux_v1.0.0-stable/flutter/packages/flutter/lib/src/widgets/framework.dart';
import '../../../../../fl
浏览 19提问于2020-01-28得票数 0
1回答
我想知道，有没有可能在移动flutter SDK或web API中获取Spotify音乐列表而不使用访问令牌或Aothuentication。因为我只想在flutter应用程序中获取Spotify音乐列表。提前谢谢。
浏览 6提问于2021-04-05得票数 0
下面的代码是原始代码的简化版本，我的目标是创建一个list tiles的列表: list，我可以在其中跟踪新创建的ListTile小部件，并可以将其用作传递给ListView的参数。
class Notes extends StatefulWidget{
_NotesState createState() => new _NotesState();
}
class _NotesState extends State<Notes>{
List<ListTile> notes =[];
void addNewNote(){
setStat
浏览 0提问于2018-04-16得票数 1
在我的flutter应用程序中，我想调用两个API。例如API A和API B。如果API加载数据，则调用API并在listView中显示API数据。如何将API A的数据作为参数传递给API B？ 在API A成功加载数据并在下拉列表中显示后，调用API B。这是我的代码： Widget build(BuildContext context) {
body: new SafeArea(
child: new Form(
child: new ListView(
children: <W
浏览 27提问于2020-01-09得票数 1
1回答
我有一个名为Src的图像url列表。我想通过这个包来显示这些图片：。但是当这样做的时候：
Container(
width: pageWidth,
height: pageHeight / 2.5,
// color: Colors.red,
child: ImageSlideshow(
children: [
CachedNetworkImage(
imageUrl: src,
),
],
)
);
控制台说：
type '
浏览 2提问于2021-12-04得票数 1
回答已采纳
目前我正在使用列在屏幕上显示项目列表，但是一旦列表变得很大，它就不能再显示了。这就是我想使用ListView而不是列的原因。我使用一个按钮将新的“卡片”添加到列表中，并使用setState重新构建所有内容以显示新添加的卡片。这与列一起工作得很好。 我的问题是:当我实现ListView而不是列时，我用" add -button“添加到列表中的项将被添加到列表中，但UI不会更新，新项也不会显示在屏幕上。 //Here I use a column, but I don´t know how to implent a ListView
//to get the same result/fu
浏览 12提问于2019-06-13得票数 0
回答已采纳
嗨，在我的应用程序中，我有类似这样的东西。 ? 其中我有一个显示3个选项的下拉列表，但是有没有办法在flutter中选择下拉列表中的多个选项？并将所选选项的结果存储在列表中？ 或者可以在flutter中做一些如下所示的事情？ ? 谢谢。
浏览 78提问于2019-10-09得票数 5
1回答
我现在正在学习flutter，我想开发一个使用智能手机摄像头的应用程序，但我在flutter文档中找不到任何对我使用智能手机本地资源有帮助的东西。我主要是想开发一个应用程序，用户可以用来剪切图像并保存它。
有人能帮我吗？
浏览 16提问于2019-08-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
