Нижняя часть TextField переполнялась при фокусировке
У меня есть TextField во Flutter. Он находится внизу экрана, например:
Я поставил несколько Text, прежде чем переместить его вниз, для этого примера. Когда я фокусируюсь TextField, появляется переполненная область:
Как избавиться от этой области? Один из вариантов — отображать клавиатуру (без области переполнения) или второй — отображать «белый экран» с текстовым полем, как мы используем в Android (в альбомной ориентации, когда места мало).
Может кто-нибудь посоветовать, как избавиться от этого ошибочного поведения? Спасибо.
Мой код:
return Scaffold(
key: scaffoldKey,
body: SafeArea(
child: Column(
children: [
Text("Test"),
...
TextField()
],
),
)
);
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
1
60
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Попробуйте так,
return Scaffold(
resizeToAvoidBottomInset: true,
key: scaffoldKey,
body: SafeArea(
child: SingleChildScrollView(
child: Column(
children: [
Text("Test"),
...
TextField()
],
),
),
),
);
Ответ принят как подходящий
Оберните виджет Column внутри ListView или SingleChildScrollView, чтобы его можно было прокручивать при открытой клавиатуре:
return Scaffold(
key: scaffoldKey,
body: SafeArea(
child: ListView(
padding:EdgeInsets.zero,
children: [
Column(
children: [
Text("Test"),
...
TextField()
],
),
],
),
)
);;
Другие вопросы по теме
Псевдоэлемент не отображается со скрытым переполнением CSS
Скрытие div с переполнением
«overfow-x: hidden» не работает на мобильных устройствах
Float Right break при переполнении
Целые числа в python должны быть неограниченными, но я получаю OverflowError: (34, «Результат слишком большой»)
Сделать частично заэкранный div, который не будет добавлять горизонтальную прокрутку на экран
Странное переполнение присваивание 2*1024*1024*1024
Ошибка сегментации при решении динамической задачи
Разница вычислений Int32 между Java и JavaScript
Заставить элемент <div> расширяться и заполнять оставшееся пространство экрана, но никогда не выходить за пределы порта просмотра экрана
Похожие вопросы
Kotlin (MainActivity.kt) — разрешены только безопасные (?.) или ненулевые (!!.) вызовы с нулевым приемником типа FlutterEngine?
Неперехваченная ошибка: невозможно проверить поле рендеринга без размера
Не удалось запустить тест Patrol должным образом
Использование WebViewCookieManager.setCookie из webview_flutter
Как закрыть средство выбора даты, когда дата выбрана, не нажимая «ОК» во Flutter
Волновой фон Флаттер помощь
Написание пользовательского пути декодирования в запросе запроса Amplify GraphQL
Flutter Firebase сохраняет объект JSON с вложенным списком пользовательских объектов
Есть ли способ использовать ListView.Builder в столбце без термоусадки?
Как сделать перетаскиваемую/расширяемую нижнюю панель навигации во Flutter?
Попробуйте обернуть весь столбец внутри ListView или поделитесь своим кодом.