首页 > 解决方案 > 如何在颤振应用程序中以不同方式重命名每个 ListTile

问题描述

我有一个列表标题,我想有 100 个图块我想为每个图块有一个单独的名称。我想知道如何实现命名数组ListView.builderTiles.

我的代码是这样的:

代码:

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]),
          );
        },
      ),
    );

标签: flutterdartflutter-layout

解决方案


像这样声明列表

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};
}

推荐阅读