Как я могу реализовать гибкий экран входа в флаттер?

Question

Я использую экран входа в систему, но когда появляется клавиатура, многие компоненты не работают. Кроме того, если я использую ListView для обработки этого, это неестественно.

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

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

Что я хочу знать

1. Как я могу определить, выбрано ли TextField или появилась ли клавиатура?
2. Я пробовал SliverAppBar, но он связан только с ScrollView, который не подходит для экрана входа в систему. Как я могу это сделать?

Answer 1

Вы можете использовать эти свойства и добавить эту строку в Scaffold:

resizeToAvoidBottomPadding: false,

Answer 2

вы можете попробовать WillPopScope виджет. затем при вызове метода onWillPop замените представление изображения на меньшее. Существует также несколько элегантных решений, таких как использование silverappbar.