如何使用ScrollView而不弄乱实际布局的顺序？

如何解决如何使用ScrollView而不弄乱实际布局的顺序？

我正在创建一个登录屏幕，据我了解，我需要使用 SingleChildScrollView ，以防止在TextFields聚焦时出现“ 黄色条纹”问题

每当我添加 SingleChildScrollView 时，由于MainAxisAlignment不再起作用，也许会丢失任何类型的小部件对齐：

SignleChildScrollView 的效果如何：Screenshot with SingleChildScrollView

其外观应为：Screenshot without SingleChildScrollView

我已经尝试过任何方法，但无法解决。

      body: SafeArea(
        child: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.end,crossAxisAlignment: CrossAxisAlignment.center,children: [
              Container(
                padding: EdgeInsets.only(bottom: 50),child: TypeScript(textTypeScript: tsLogin),),Container(
                width: MediaQuery.of(context).size.width / 1.2,child: Column(
                  children: [
                    emailField,SizedBox(height: 20),passwordField,Container(
                      height: 80,padding: EdgeInsets.only(top: 10),alignment: Alignment.topRight,//child: passwordRecovery,Container(
                      child: loginButton,SizedBox(
                      height: 52,width: MediaQuery.of(context).size.height; / 2,child: orStripe,Container(
                      padding: EdgeInsets.only(bottom: 10),child: signButton,],);
  }
}

解决方法

尝试用以下内容替换SingleChildscrollview：

CustomScrollView(
  slivers[
    SliverFillRemaining(
      hasScrollBody: false,child: YourChildWidget(),),)

,

我会向您建议两件事：

1在Line4中，尝试将mainAxisAlignment.end内的Column更改为MainAxisAlignment.start

2我在下面的代码中指出了一个错误。

检查这些并告诉我是否可以解决您的问题？

body: SafeArea(
    child: SingleChildScrollView(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.center,children: [
          Container(
            padding: EdgeInsets.only(bottom: 50),child: TypeScript(textTypeScript: tsLogin),Container(
            width: MediaQuery.of(context).size.width / 1.2,child: Column(
              children: [
                emailField,SizedBox(height: 20),passwordField,Container(
                  height: 80,padding: EdgeInsets.only(top: 10),alignment: Alignment.topRight,//child: passwordRecovery,Container(
                  child: loginButton,SizedBox(
                  height: 52,width: MediaQuery.of(context).size.height / 2,//ERROR
                  child: orStripe,Container(
                  padding: EdgeInsets.only(bottom: 10),child: signButton,],