当键盘激活时，登录和注册页面不滚动，抖动应用程序

Question

我需要你的帮助，我有一个移动应用程序，当键入输入字段，键盘覆盖输入字段，它不滚动用户输入文本。请参阅下面正在讨论的代码。下面是一个示例，你能告诉问题出在哪里吗？（注意这是一款扑扑app）

AppTextField(
                      controller: emailController,
                      focus: emailFocus,
                      textFieldType: TextFieldType.EMAIL,
                      decoration: inputDecoration(context, hint: appLocalization.translate('email')),
                      nextFocus: widget.phoneNumber != null ? null : passFocus,
                      errorThisFieldRequired: appLocalization.translate('field_Required'),
                      errorInvalidEmail: appLocalization.translate('email_Validation'),
                      maxLines: 1,
                      cursorColor: colorPrimary,
                    ).paddingBottom(16), 

Answer 1

您需要将scrollview设置为父SingleChildScrollView，然后在子级中设置登录和注册字段，如下所示：

import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
    
class LoginScreen extends StatefulWidget {
  @override
  _LoginScreen createState() => _LoginScreen();
}

class _LoginScreen extends State<LoginScreen> {
  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: Text("Login"),
      ),
      body: Form(
        child: SingleChildScrollView(
          key: _formKey,
          physics: ClampingScrollPhysics(),
          child: Container(
            padding: const EdgeInsets.only(bottom: 8),
            child: Column(
              children: <Widget>[
                Container(
                  padding: const EdgeInsets.fromLTRB(15, 0, 15, 0),
                  child: Align(
                    alignment: Alignment.topCenter,
                    // child: TextField(decoration: InputDecoration(labelText: 'Full name')),
                    child: TextFormField(
                      validator: (value) {
                        if (value == null || value.isEmpty) {
                          return 'Please enter email';
                        }
                        return null;
                      },
                      decoration: InputDecoration(
                        labelText: 'Email',
                        labelStyle: TextStyle(
                            color: Colors.blue,
                            fontSize: 16,
                            fontStyle: FontStyle.normal),
                        enabledBorder: UnderlineInputBorder(
                          borderSide: BorderSide(color: Colors.blue),
                        ),
                      ),
                      // autofocus: true,
                    ),
                  ),
                ),
                Container(
                  padding: const EdgeInsets.fromLTRB(15, 0, 15, 0),
                  child: Align(
                    alignment: Alignment.topCenter,
                    // child: TextField(decoration: InputDecoration(labelText: 'Full name')),
                    child: TextFormField(
                      validator: (value) {
                        if (value == null || value.isEmpty) {
                          return 'Please enter password';
                        }
                        return null;
                      },
                      obscureText: true,
                      // obscuringCharacter: "*",
                      decoration: InputDecoration(
                        labelText: 'Password',
                        labelStyle: TextStyle(
                            color: Colors.blue,
                            fontSize: 16,
                            fontStyle: FontStyle.normal),
                        enabledBorder: UnderlineInputBorder(
                          borderSide: BorderSide(
                            color: Colors.blue,
                          ),
                        ),
                      ),
                    ),
                  ),
                ),
                Container(
                  padding: const EdgeInsets.fromLTRB(15, 30, 15, 20),
                  child: Align(
                    alignment: Alignment.center,
                    child: SizedBox(
                      width: double.maxFinite,
                      height: 45,
                      child: ElevatedButton(
                        child: Text('LOGIN'),
                        style: ElevatedButton.styleFrom(
                          primary: Colors.blue,
                          onPrimary: Colors.white,
                          textStyle: TextStyle(
                              color: Colors.black,
                              fontSize: 17,
                              fontStyle: FontStyle.normal),
                        ),
                        onPressed: () {
                          //    Toast.show('LOGIN...', context);
                          Fluttertoast.showToast(
                              msg: "LOGIN...",
                              toastLength: Toast.LENGTH_SHORT,
                              gravity: ToastGravity.BOTTOM,
                              timeInSecForIosWeb: 1,
                              backgroundColor: Colors.grey,
                              textColor: Colors.white,
                              fontSize: 16.0);
                          if (_formKey.currentState!.validate()) {
                            // If the form is valid, display a Snackbar.
                            Scaffold.of(context).showSnackBar(
                                SnackBar(content: Text('Validation Success!')));
                          } else {
                            Scaffold.of(context).showSnackBar(
                                SnackBar(content: Text('Validation error!')));
                          }
                        },
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

试用这段代码，希望对您有帮助。