使用键盘时，Flutter登录屏幕会显示顶部

Question

您好，我创建一个登录屏幕，但是当我检查输入inputfield时，文本框将移至顶部，并且键盘和inputfield之间的空间也很大，我也使用singlechildscrollview但它无法正常工作，请帮助

class LoginView extends StatelessWidget {
  final emailController = TextEditingController();
  final passwordController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return ViewModelProvider<LoginViewModel>.withConsumer(
      viewModel: LoginViewModel(),
      builder: (context, model, child) => Scaffold(
          backgroundColor: Colors.white,
          body: SingleChildScrollView(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                SizedBox(
                  height: 150,
                  child: Image.asset('assets/images/logo.jpg'),
                ),
                InputField(
                  placeholder: 'Email',
                  controller: emailController,
                ),
                verticalSpaceSmall,
                InputField(
                  placeholder: 'Password',
                  password: true,
                  controller: passwordController,
                ),
                verticalSpaceMedium,
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    BusyButton(
                      title: 'Login',
                      busy: model.busy,
                      onPressed: () {
                        model.login(
                          email: emailController.text,
                          password: passwordController.text,
                        );
                      },
                    )
                  ],
                ),
              ],
            ),
          )),
    );
  }
}

使用键盘登录屏幕“>

不使用键盘时的登录屏幕

您好，我创建一个登录屏幕，但是当我检查输入inputfield时，文本框将移至顶部，并且键盘和inputfield之间的空间也很大，我也使用singlechildscrollview但它无法正常工作，请帮助...

Answer 1

尝试在代码中添加具有此属性的Scaffold。