У меня есть это TextFormFields в scrollView. Два верхних поля TextFormField позволяют пользователю видеть, что он печатает. Однако при щелчке по третьему TextFormField клавиатура появляется над TextFormField и скрывает его, чтобы пользователь не видел, что он печатает. Как я могу это исправить. При нажатии на первый.
Нажав на третий, он частично скрыт
Щелкнув четвертую, вообще ничего не видно. Клавиатура скрывает его
Код у меня есть
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: Column(
children: <Widget>[
Container(
height: 200.0,
width: double.infinity,
color: Colors.black,
),
Expanded(
child: SingleChildScrollView(
child: Form(
child: Column(children: <Widget>[
Padding(
padding: const EdgeInsets.all(8.0),
child: TextFormField(
decoration: InputDecoration(
labelStyle: Theme.of(context).textTheme.subhead,
labelText: 'One',
contentPadding: EdgeInsets.all(15.0),
isDense: true,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(4.0),
),
),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: TextFormField(
decoration: InputDecoration(
labelStyle: Theme.of(context).textTheme.subhead,
labelText: 'Two',
contentPadding: EdgeInsets.all(15.0),
isDense: true,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(4.0),
),
),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: TextFormField(
decoration: InputDecoration(
labelStyle: Theme.of(context).textTheme.subhead,
labelText: 'Three',
contentPadding: EdgeInsets.all(15.0),
isDense: true,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(4.0),
),
),
),
),