小编Tom*_*mic的帖子

如何在 Flutter 中水平居中 Positioned()

我目前正在为我的应用程序构建一个验证码屏幕,并使用带有一些 Positioned() 小部件的堆栈,因为验证码表单也应该很好地定位,但如何使其水平居中?

我的代码如下:

    @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: Stack(
          children: [
            Image.asset(verificationImage),
            Positioned(
              left: MediaQuery.of(context).size.width * 0.075,
              top: MediaQuery.of(context).size.height * 0.32,
              width: MediaQuery.of(context).size.width * 0.6,
              child: Text(
                'We have send you an email with a verification code at ${generatedCode[0]}${generatedCode[1]}***',
                style: TextStyle(
                    color: Colors.white,
                    fontWeight: FontWeight.bold,
                    fontSize: MediaQuery.of(context).size.height * 0.025),
              ),
            ),
            //Later the
            // Mail Adress
            Positioned(
              child: Form(
                key: formKey,
                child: CodeFields(
                  length: codeLength,
                  validator: validateCode,
                  fieldWidth: MediaQuery.of(context).size.width * 0.1,
                  fieldHeight: MediaQuery.of(context).size.width * …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-layout

12
推荐指数
1
解决办法
2万
查看次数

标签 统计

flutter ×1

flutter-layout ×1