Flutter при нажатии кнопки прокрутите вниз и откройте текстовое поле

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

Заранее спасибо...


person Dipankar Dedbnath    schedule 17.07.2020    source источник
comment
опубликуйте свой код, что вы пробовали до сих пор?   -  person Ahmed Khattab    schedule 17.07.2020


Ответы (1)


Позвольте мне перефразировать ваш вопрос: вы в основном хотите сфокусировать текстовое поле при нажатии кнопки.

final FocusNode _focusNode = FocusNode(); //This is the solution of your problem
final TextField _textField = TextField(
  focusNode: _focusNode,
  decoration: InputDecoration(
    border: InputBorder.none,
    hintText: 'This is your textfield'
  ),
);

final FloatingActionButton _myButton = FloatingActionButton(
        onPressed: () => _focusNode.requestFocus(),
        child: Icon(Icons.adjust),
        backgroundColor: Colors.green,
      );

Поместите их в свой каркас и попробуйте:

return Scaffold(
  appBar: AppBar(
    title: const Text('Change focus example'),
  ),
  body: SingleChildScrollView(child: Column(
  children: <Widget> [
    Container(height: MediaQuery.of(context).size.height*3),
    _textField,
  ]
  )),
  floatingActionButton: _myButton,
);
person Gabriel Costache    schedule 17.07.2020