Flutter - Как добавить первый верхний и последний нижний список с помощью divider () в ListView.separated ()

Question

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

ListView.separated(
 itemCount: user.personList.length,
 separatorBuilder: (context, index) => Divider(),
 itemBuilder: (context, index){
   return ListTile(
    title: Text(user.personList[index].id)
  )
 }
)

Answer 1

Вы можете добавить делитель сверху и снизу следующим образом.

Вы должны увеличить длину на 2 и на 0 и контейнер возврата длины-1, что даст make divider more ясно. если вам нужен выделенный разделитель, то вы также можете использовать виджет-разделитель.

ListView.separated(
      itemCount: user.personList.length + 2,
      separatorBuilder: (context, index) => Divider(),
      itemBuilder: (context, index) {
        if (index == 0 || index == user.personList.length + 1) {
          return Divider(
            color: Colors.black,
            thickness: 2,
          );
        }
        return ListTile(title: Text((index - 1).toString())); // note: you have to access element by -1;
      },
    ),