flutter - 如何在颤振应用程序中以不同方式重命名每个 ListTile
问题描述
我有一个列表标题,我想有 100 个图块我想为每个图块有一个单独的名称。我想知道如何实现命名数组ListView.builder
从Tiles
.
我的代码是这样的:
代码:
final items = List<String>.generate(114, (i) => "index $i");
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Chapters Index'),
),
body: ListView.builder(
padding: const EdgeInsets.all(8),
itemCount: items.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text(items[index]),
);
},
),
);
解决方案
像这样声明列表
List<Item>items=[Item(name:"name1"),tem(name:"name2"),tem(name:"name2")];
像这样使用它
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Chapters Index'),
),
body: ListView.builder(
padding: const EdgeInsets.all(8),
itemCount: items.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text(items[index].name),
);
},
),
);
你的项目模式
class Item{
String? name;
Item({required this.name};
}
推荐阅读
- c++ - 如何计算时间复杂度?
- sql - 通过从另一个表中选择插入
- java - 如何通过正则表达式获取某些字符
- javascript - 过滤数组但将其属性保留在 javascript 中
- javascript - 看不懂下面代码中的filter和findIndex?在 react-redux 减速器功能中
- vue.js - 如何从 Markdown 在 Nuxtjs 中的渲染上添加相对 img 路径?
- mysql - 在sql中过滤多行
- activemq - ActiveMQConnection 的 maxThreadPoolSize 是什么
- angular - 如果过滤器返回空数组,如何显示消息?
- java - maven打包spring-boot应用时出错