當打開鍵盤在 Flutter 中顯示溢出

Question

就我而言，我的所有輸入（附加圖像 1）都有一個圓形背景，但是當我單擊最后一個 TextField 時，我收到溢出警告（附加圖像 2）並且無法向下滾動。

我曾嘗試在 Scaffold resizeToAvoidBottomInset: false中使用，但最后一個 TextField 位於鍵盤下方，所以這不是我想要的。

我的代碼要點

Answer 1

我認為您需要將所有文本字段包裝在Listview小部件中。

Answer 2

用SingleChildScrollView包裝你的代碼

SingleChildScrollView(
child:Stack(
...))

Answer 3

您可以使用Expanded小部件包裝SingleChildScrollView小部件。 這是您唯一需要的。

          Form(
            key: _formKey,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.end,
              mainAxisSize: MainAxisSize.max,
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                Expanded( // Wrap with Expanded!
                  child: SingleChildScrollView(
                    child: Container(
                      padding: EdgeInsets.symmetric(
                          vertical: 16.0, horizontal: 24.0),
                      decoration: BoxDecoration(
                        color: Colors.white,
                        borderRadius: BorderRadius.only(
                          topLeft: Radius.circular(32.0),
                          topRight: Radius.circular(32.0),
                        ),
                      ),
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Row(
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: [
                              Padding(
                                padding:
                                    const EdgeInsets.symmetric(vertical: 16.0),
                                child: Text('Sign Up',
                                    style: TextStyle(
                                        fontSize: 20.0,
                                        fontFamily: 'Montserrat',
                                        fontWeight: FontWeight.bold)),
                              ),
                            ],
                          ),