Блог

Главная - Вопросы по программированию - SingleChildScrollView подталкивает все вверх (проблема)

SingleChildScrollView подталкивает все вверх (проблема)

#flutter #dart

#трепетание #dart

Вопрос:

singlechildscrollview подталкивает все вверх, когда я его реализую, могу ли я что-нибудь сделать, чтобы отключить bu или есть какой-либо другой более простой метод?

 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: (){},
                ),
              ],
            ),
          ),
        );

Комментарии:

1. ‘size.height’ относится к размеру экрана, верно?

Ответ №1:

Попробуйте это:

           mainAxisAlignment:MainAxisAlignment.spaceEvenly,
          crossAxisAlignment: CrossAxisAlignment.stetch,

Ответ №2:

Вы можете добавить виджет SizedBox (высота: 100) в верхней части виджета столбца или просто отредактировать выравнивание по осям и выравнивание по осям

вот так:

 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: (){},
            ),
          ],
        ),
      ),
    );