Флаттер: - Есть ли способ настроить вывод для каждой плитки расширения в построителе списков?

Question

В настоящее время у меня есть построитель представления списка, который строит 4 плитки расширения.

Каждый из этих плиток расширения имеет x количество вложенных плиток.

В настоящее время я отображаю вложенные плитки таким образом , но я получаю повторяющиеся данные для каждой из 4 плиток расширения.

children: <Widget>[
         listTile[index],
         listTile[index],
         listTile[index],
         listTile[index],
]

Как отобразить уникальные данные для всех 4 плиток расширения (например, в плитах расширения 1 в субплитках отображаются данные из списка 1, Плитка расширения 2 подчиненных тайла отображают все данные из списка 2, et c ...)?

class MyDynamicListTile extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final tileTitles = [ 'DEFAULT CATEGORY', 'SELECT COLOR', 'ALERT TYPE', 'VIBRATION TYPES' ];
    final iconsList = [ Icons.line_style, Icons.color_lens, Icons.ring_volume, Icons.vibration];
    final subTiles1 = [ 'FIELD', 'FIELD', 'FIELD', 'FIELD', 'FIELD' ];
    List<Widget> listTile = getListTileWidget(subTiles1);


    return ListView.builder(
        itemCount: tileTitles.length,
        itemBuilder: (context, index) {
          return new ExpansionTile(
            leading: Icon(iconsList[index]),
            title: new Text(tileTitles[index],
                style: TextStyle(fontWeight: FontWeight.bold, fontSize: 12)),
            children: <Widget>[
              listTile[index],
              listTile[index],
              listTile[index],
              listTile[index],


              ],
          );
        });
  }


List<Widget> getListTileWidget(final subTiles) {
  List<Widget> list = new List<Widget>();
  for (var i = 0; i < subTiles.length; i++) {
    list.add(new ListTile(
        title: Text(subTiles[i],
            style: TextStyle(fontWeight: FontWeight.bold, fontSize: 12)
            )));
  }
  return list;
}

}

Answer 1

Попробуйте таким образом, вы просто используете один список или список классов pojo для достижения своей цели, пожалуйста, проверьте приведенное ниже решение для этого

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

class HomeScreen extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _HomeScreen();
  }
}

class _HomeScreen extends State<HomeScreen> {

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Material(
      child: ListView.builder(
        itemCount: fields.length,
        itemBuilder: (context, i) {
          return new ExpansionTile(
            title: new Text(fields[i].title, style: new TextStyle(fontSize: 12.0, fontWeight: FontWeight.bold),),
            children: <Widget>[
              new Column(
                children: _buildExpandableContent(fields[i]),
              ),
            ],
          );
        },
      ),
    );
  }

  _buildExpandableContent(Fields fields) {
    List<Widget> columnContent = [];

    for (String content in fields.dataList)
      columnContent.add(
        new ListTile(
          title: new Text(content, style: new TextStyle(fontSize: 12.0,fontWeight: FontWeight.bold),),
          leading: new Icon(fields.icon),
        ),
      );

    return columnContent;
  }
}


class Fields {
  final String title;
  List<String> dataList = [];
  final IconData icon;

  Fields(this.title, this.dataList, this.icon);
}


List<Fields> fields = [
  new Fields(
    'DEFAULT CATEGORY',
    ['DEFAULT 1', 'DEFAULT 2', 'DEFAULT. 3', 'DEFAULT 4'],
    Icons.line_style,
  ),
  new Fields(
    'SELECT COLOR',
    ['COLOR. 1', 'COLOR 2', 'COLOR 3'],
    Icons.color_lens,
  ),
  new Fields(
    'ALERT TYPE',
    ['ALERT 1', 'ALERT 2', 'ALERT 3'],
    Icons.ring_volume,
  ),
  new Fields(
    'VIBRATION TYPES',
    ['VIBRATION 1', 'VIBRATION 2', 'VIBRATION 3'],
    Icons.vibration,
  ),
];

И, пожалуйста, проверьте следующее решение для него