вопрос о столбце переноса с помощью SingleChildScrollView

Question

У меня возникла проблема с поднятием клавиатуры. Произошла ошибка «нижняя часть переполнена на xx пикселей». Итак, я решил проблему, заключив столбец в оболочку с помощью SingleChildScrollView, и мне интересно, как это может произойти? Есть ли особый трюк с SingleChildScrollView?

Answer 1

Это происходит из-за того, что клавиатура занимает отступы на экране. Таким образом, упаковка столбца с помощью SingleChildScrollView () по существу обрабатывает это, делая ваш экран прокручиваемым.

Надеюсь, это поможет this

Изменить: также второе решение, данное @EdwynZN, совершенно нормально. У него есть только одна проблема: если у вас есть текстовые поля, которые находятся в области, где находится клавиатура, пользователь не сможет их увидеть, пока не опустит клавиатуру. И это не считается хорошей практикой UX.

Итак, использование SingleChildScrollView () - лучший способ go в отношении UI / UX.

Answer 2

SingleChildScrollView позволяет прокручивать область пространства, если ее недостаточно для отображения виджета (в данном случае столбца). Когда появляется клавиатура, пространство экрана уменьшается, и на нем отображается переполнение, потому что столбец не может отображать весь список дочерних элементов, поэтому вам понадобится область прокрутки. Другое решение, если вам не нужно прокручивать, - изменить параметр resizeToAvoidBottomInset: false в скаффолде