Breaking News: Grepper is joining You.com. Read the official announcement!

flutter prevent keyboard from covering input field in bottomsheet

Isijola Ademie answered on February 24, 2023 Popularity 1/10 Helpfulness 1/10

answer flutter prevent keyboard from covering input field in bottomsheet

flutter prevent keyboard from covering input field in bottomsheet

Comment

showModalBottomSheet<void>(
  isScrollControlled: true,
  context: context,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.only(
        topLeft: Radius.circular(30.0),
        topRight: Radius.circular(30.0)),
  ),
  builder: (BuildContext context) {
    return Padding(
        padding: MediaQuery.of(context).viewInsets,
        child: Container(
            child: Wrap(
          children: <Widget>[
            TextField(
              decoration: InputDecoration(
                  border: InputBorder.none,
                  hintText: 'Enter a search term'),
            ),
            TextField(
              decoration: InputDecoration(
                  border: InputBorder.none,
                  hintText: 'Enter a search term'),
            ),
            TextField(
              decoration: InputDecoration(
                  border: InputBorder.none,
                  hintText: 'Enter a search term'),
            ),
            TextField(
              decoration: InputDecoration(
                  border: InputBorder.none,
                  hintText: 'Enter a search term'),
            )
          ],
        )));
  },
);

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: bottom-sheet flutter input-field keyboard whatever

Link to this answer
Share Copy Link