У меня проблема в том, что всякий раз, когда я хочу что-то ввести в мое текстовое поле, клавиатура покрывает это. Я ожидал, что экран будет просто прокручиваться вверх при появлении клавиатуры. Есть мысли по этому поводу? Я попытался установить для resizeToAvoidBottomInsert значение true, а также обернуть все в SingleChildScrollView ().
Вот мой код:
class PhoneNrInput extends StatelessWidget {
final TextEditingController phoneNrController = TextEditingController();
final FocusNode phoneNrFocusNode = FocusNode();
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: true,
body: Column(
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Container(
height: 200,
width: double.infinity,
decoration: BoxDecoration(
boxShadow: [BoxShadow(color: Colors.black, blurRadius: 5)],
color: Color(0xff05111f),
borderRadius: BorderRadius.only(
topLeft: Radius.circular(50),
topRight: Radius.circular(50),
),
),
child: Padding(
padding: EdgeInsets.all(30),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
SizedBox(
width: 15,
),
Flexible(
fit: FlexFit.tight,
//Textfield
child: TextField(
focusNode: phoneNrFocusNode,
autofocus: false,
autocorrect: false,
keyboardType: TextInputType.phone,
decoration: InputDecoration(
filled: true,
hintStyle: TextStyle(
color: Colors.black,
),
border: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.white),
borderRadius: BorderRadius.circular(25),
),
fillColor: Colors.white,
hintText: "Telefonnummer",
),
controller: phoneNrController,
),
),
],
),
SizedBox(
height: 25,
),
ButtonTheme(
height: 40,
child: RaisedButton(
onPressed: () {},
color: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(25),
),
child: Text("Registrieren"),
),
),
],
),
),
),
],
),
);
}
}