Я получаю A RenderFlex переполнен на 57 пикселей в нижней части

Question

Привет, я новичок во Флаттере, и я столкнулся с этой ошибкой, которая есть в названии, которое я посмотрел здесь, но ничто не помогает, макет выглядит просто отлично, когда я запускаю приложение, однако я получаю ошибку, которая заставляет меня сумасшедший. Одним из решений, которое я нашел, было добавить resizeToAvoidBottomPadding: false, что я и сделал, но ошибка все еще присутствует.

Widget build(BuildContext context) {
return Scaffold(
  resizeToAvoidBottomPadding: false,
  body: Stack(
    children: <Widget>[
      Container(
        padding: EdgeInsets.symmetric(horizontal: 20),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Expanded(
              flex: 3,
              child: SizedBox(),
            ),
            _title(),
            SizedBox(
              height: 50,
            ),
            _displayUserNameAndPassword(),
            SizedBox(
              height: 20,
            ),
            _submitButton(),
            Container(
              padding: EdgeInsets.symmetric(vertical: 10),
              alignment: Alignment.centerRight,
              child: Text('Forgot Password ?',
                  style:
                      TextStyle(fontSize: 14, fontWeight: FontWeight.w500)),
            ),
            _divider(),
            _facebookButton(),
            Expanded(
              flex: 2,
              child: SizedBox(),
            ),
          ],
        ),
      ),
      Align(
        alignment: Alignment.bottomCenter,
        child:  _createAccountLabel(),
      ),
    ],
  ),
);

}

Answer 1

Вам нужно использовать ListView вместо Column. В столбце, когда появляется клавиатура для текстового поля, это вызвало ошибку переполнения рендеринга. Спасибо