Блог

Главная - Вопросы по программированию - Представление расширяемого списка Flutter

Представление расширяемого списка Flutter

#mysql #flutter

#mysql #flutter

Вопрос:

Это моя страница Listviewкак я могу поместить свой список в расширяемый список

    body: RefreshIndicator(
              onRefresh: getData,
              key: _refresh,
              child: loading
                  ? Center(child: CircularProgressIndicator())
                  : ListView.builder(
                      itemCount: list.length,
                      itemBuilder: (context, i) {
                        final x = list[i];
                        debugPrint(x.toString());
                        return Container(
                          padding: EdgeInsets.all(20.0),
                          child: Row(
                            children: <Widget>[
                              Expanded(

сначала будет показан идентификатор транзакции и название судна, а также стрелка вниз, при нажатии на которую будет отображаться вся информация в нем

   child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: <Widget>[
                                    Text(
                                      'Transaction ID:t'   x["transaction_id"],
                                      style: TextStyle(
                                          fontSize: 20.0,
                                          fontWeight: FontWeight.bold),
                                    ),
                                    Text('Vessel Name:t'   x["vesselname"],
                                        style: TextStyle(fontSize: 20.0)),
                                    Text('Vessel Number:t'   x["voyageno"],
                                        style: TextStyle(fontSize: 20.0)),
                                    Text('Ship Call #:t'   x["scn"],
                                        style: TextStyle(fontSize: 20.0)),
                                    Text('Status:t'   x["status"],
                                        style: TextStyle(
                                            fontSize: 20.0,
                                            color: x["status"] == 'pending'
                                                ? Colors.red
                                                : Colors.green)),
                                    Divider()
                                  ],
                                ),
                              ),
                            ],
                          ),
                        );
                      },
                    ),
            ));
      }
    }

Комментарии:

1. смотрите ExpansionTile — в документах говорится: «Однострочный ListTile с конечной кнопкой, которая расширяет или сворачивает плитку, чтобы показать или скрыть дочерние элементы. Этот виджет обычно используется с ListView для создания записи списка «развернуть / свернуть». При использовании с виджетами прокрутки, такими как ListView, должен быть указан уникальный PageStorageKey, чтобы позволить ExpansionTile сохранять и восстанавливать его расширенное состояние при прокрутке в и из поля зрения. »

Ответ №1:

Для этого вы можете использовать расширяемый виджет панели.