Как сделать мой список виджетов прокручиваемым?

Question

Спасибо за проверку моей проблемы: у меня есть список виджетов (List), которые я пытаюсь вставить в виджет SingleChildScrollView, но когда я это делаю, он больше не прокручивается, я сделал небольшое воспроизведение своего проблема на Codepen: https://codepen.io/blkkkbvsik/pen/GRZKzxJ

Я могу сделать свой список прокручиваемым, заключив мой SingleChildScrollView в Expanded, но это разрушит мой макет (см. снимок экрана)

Это с виджетом Expanded, он портит мой макет: Без расширенного

Вот как это должно выглядеть, но список больше не прокручивается: Без расширенного

Answer 1

Рабочий код:

Flexible (child: SingleChildScrollView())

Answer 2

Вы можете использовать ListView вместо Column и обернуть его Expanded вот так ..

Expanded(
    child: ListView(
        children: art,
    ),
)

Изменить:

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

const SizedBox(height: 30),
Expanded(
    child: ListView(
        children: art,
    ),
),
const SizedBox(height: 30),