在TextField中开始输入时，列会溢出。

Question

我想通过使用几个软件来制作一个保存应用程序。columns 和 textfield 但当我尝试输入其中的一个选项时。textfields，我得到一个 overflow 问题。我不希望整个 column 当我输入一个 textfields因此，不存在 overflow 但我不知道怎么做。我试着更换了 column 用````listview，但整个屏幕变成了白色。

import 'package:flutter/material.dart';
import 'package:kakeiboo/constant.dart';

class BigNotePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: kPading,
      //i've try to replace this column with listview, but the whole screen getting white
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          TitlePage('Big Note'),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.stretch,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                TxtField('Income'),
                TxtField('Expenses'),
                TxtField('Savings'),
                FlatButton(
                  onPressed: () {},
                  child: Text(
                    'WRITE THAT DOWN FOR ME',
                    style: TextStyle(letterSpacing: 1.25),
                  ),
                  color: Colors.yellow,
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(30.0),
                  ),
                ),
              ],
            ),
          ),
          Container(
            width: 250.0,
            child: Text(
              '*if you get another income for this mounth, input the income again.',
              style: TextStyle(fontSize: 12.0),
            ),
          ),
        ],
      ),
    );
  }
}

我的应用怎么看

当我试着输入texfield的时候

Answer 1

你可以通过添加以下内容来解决溢出错误 resizeToAvoidBottomInset: false 到你的根 Scaffold.

下面的例子:

Scaffold(
      resizeToAvoidBottomInset: false,
    );

Answer 2

通过一个列式部件来包装你的 单个孩子滚动视图 应该解决这个问题。