首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >SingleChildScrollView push everything up (问题)

SingleChildScrollView push everything up (问题)
EN

Stack Overflow用户
提问于 2020-12-26 22:37:35
回答 2查看 62关注 0票数 0

当我实现的时候,singlechildscrollview把所有的东西都推高了,有没有什么我可以做的来禁用bu的,或者有没有其他更简单的技术?

代码语言:javascript
复制
return Background(
          child:  SingleChildScrollView(
            child: Column(
              mainAxisAlignment:MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children:  <Widget>[
                Text(
                  "Welcome to my App",
                  style: TextStyle(fontWeight: FontWeight.bold, color: kPrimaryColor,),
                ),
                Center(
                  child: SvgPicture.asset(
                    "assets/icons/chat.svg",
                    height: size.height * 0.45,
                  ),
                ),
                SizedBox(height: size.height * 0.03),
                RoundedButton(
                  text: "LOGIN",
                  press:
                  (){Navigator.push(context, MaterialPageRoute(builder: (context){
                    return LoginScreen();},),);},
                ),
                RoundedButton(
                  text: "SIGN UP",
                  color: kPrimaryightColor,
                  textColor: Colors.black,
                  press: (){},
                ),
              ],
            ),
          ),
        );
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-12-26 23:05:09

试试这个:

代码语言:javascript
复制
          mainAxisAlignment:MainAxisAlignment.spaceEvenly,
          crossAxisAlignment: CrossAxisAlignment.stetch,
票数 1
EN

Stack Overflow用户

发布于 2020-12-26 23:40:07

您可以在列的顶部小部件上添加SizedBox(height: 100)小部件,也可以只编辑crossAxisAlignment & mainAxisAlignment

如下所示:

代码语言:javascript
复制
return Background(
      child:  SingleChildScrollView(
        child: Column(
          mainAxisAlignment:MainAxisAlignment.spaceEvenly,
      crossAxisAlignment: CrossAxisAlignment.stretch,
          children:  <Widget>[
            Text(
              "Welcome to my App",
              style: TextStyle(fontWeight: FontWeight.bold, color: kPrimaryColor,),
            ),
            Center(
              child: SvgPicture.asset(
                "assets/icons/chat.svg",
                height: size.height * 0.45,
              ),
            ),
            SizedBox(height: size.height * 0.03),
            RoundedButton(
              text: "LOGIN",
              press:
              (){Navigator.push(context, MaterialPageRoute(builder: (context){
                return LoginScreen();},),);},
            ),
            RoundedButton(
              text: "SIGN UP",
              color: kPrimaryightColor,
              textColor: Colors.black,
              press: (){},
            ),
          ],
        ),
      ),
    );
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65457454

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档