Флаттер два listview.builder на одной странице с динамической высотой - PullRequest
Новая
       11

Флаттер два listview.builder на одной странице с динамической высотой

1 голос
/ 21 марта 2019

Я использую флаттер. У меня есть два динамических списка доступных и недоступных предметов. Я хочу показать оба списка таким образом, чтобы он отображал полный список доступных элементов, затем полный список недоступных элементов, и флаттер будет определять длину динамически.

Спасибо.

1 Ответ

2 голосов
/ 21 марта 2019

В этом небольшом примере должен отображаться красный Контейнер для доступных предметов и синие для недоступных предметов.

List<int> unavailable;
List<int> available;

Expanded(
    child: CustomScrollView(slivers: <Widget>[
  SliverList(
    delegate: SliverChildBuilderDelegate(
      (BuildContext context, int index) {
        final item = available[index];
        if (index > available.length) return null;
        return Container(color: Colors.red, height: 150.0); // you can add your available item here
      },
      childCount: available.length,
    ),
  ),
  SliverList(
    delegate: SliverChildBuilderDelegate(
      (BuildContext context, int index) {
        final item = unavailable[index];
        if (index > unavailable.length) return null;
        return Container(color: Colors.blue, height: 150.0); // you can add your unavailable item here
      },
      childCount: unavailable.length,
    ),
  )
]));
...