【问题标题】:How to rename every ListTile differently in flutter app如何在颤振应用程序中以不同方式重命名每个 ListTile
【发布时间】:2021-10-09 23:25:21
【问题描述】:

我有一个列表标题,我想有 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]),
          );
        },
      ),
    );

【问题讨论】:

  • 如果你想为每个标题命名不同,只需在项目列表中添加不同的数据
  • Mofidul Islam 分别回答问题
  • 项目列表在哪里?
  • final items = List.generate(114, (i) => "index $i");这个
  • 先了解问题再回答

标签: flutter dart flutter-layout


【解决方案1】:

这样声明列表

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

【讨论】:

  • 请解释一下
  • 我很抱歉,但谢谢你的分析器,你仍然可以向我解释
  • 但我得走了
  • 肯定会的……没关系
  • 我试过了,但是不行
【解决方案2】:

我从 Flutter 网站得到了一点帮助:https://flutter.dev/docs/cookbook/lists/mixed-list

【讨论】:

    猜你喜欢
    • 2019-01-30
    • 2011-03-16
    • 1970-01-01
    • 1970-01-01
    • 2018-12-16
    • 2021-06-24
    • 2019-07-18
    • 1970-01-01
    • 2022-01-25
    相关资源
    最近更新 更多