⌨️ Проблемы со скроллом и клавиатурой

Частая проблема во FlutterFlow: клавиатура перекрывает текстовое поле или скролл работает не на всей странице.

1. Клавиатура закрывает TextField

Если при вводе текста в многострочное поле клавиатура перекрывает контент:

  • Причина: Проблема часто возникает, если у TextField параметр Max Lines больше 1.
  • Решение:
    1. Попробуйте установить Max Lines в 1 (если это допустимо).
    2. Если нужно много строк, оберните всю страницу в SingleChildScrollView и убедитесь, что у Column включен скролл.
    3. Используйте настройку “Keyboard Padding” в параметрах страницы.

2. Скролл работает не везде

Если прокрутка работает только в верхней части экрана:

  • Решение:
    1. Проверьте, нет ли вложенных списков без фиксированной высоты.
    2. У дочерних списков (ListView) отключайте “Primary” скролл.
    3. Оберните проблемную область в контейнер с четко заданной высотой или используйте Expanded.

✨ Убираем синий “шейп” при скролле

Чтобы вместо стандартного синего свечения при достижении края списка был эффект растягивания (Material 3):

  1. Перейдите в Theme settings Design system.
  2. В самом низу включите галочку “Use Material 3 Theme”.

По материалам сообщества @flutterflow_rus