首页 > 解决方案 > 我如何在颤动的新容器上放置单词

问题描述

你好,我的颤振设计有一些问题
我想使用容器制作一个带有圆形边框的框,
在这个框的顶部我想制作一个文本,文本看起来像这样 但是当我编写代码时,文本无法显示看起来像这样

这是我的代码

                height: 440.0,
                color: Colors.transparent,
                child: new Container(
                  decoration: new BoxDecoration(
                      color: Colors.blue,
                      borderRadius: new BorderRadius.only(
                        topLeft: const Radius.circular(40.0),
                        topRight: const Radius.circular(40.0),
                      )),
                  child: new Center(
                    child: Padding(
                      padding: EdgeInsets.symmetric(vertical: 0),
                      child: Text('Email'),
                    ),
                  ),
                ),
              )

标签: androidflutterdart

解决方案


只是Align用来保持头脑清醒。

Container(
            decoration: new BoxDecoration(
                color: Colors.blue,
                borderRadius: new BorderRadius.only(
                  topLeft: const Radius.circular(40.0),
                  topRight: const Radius.circular(40.0),
                )),
            child: new Align(
              alignment: Alignment.topCenter,
              child: Padding(
                padding: EdgeInsets.symmetric(vertical: 0),
                child: Text('Email'),
              ),
            ),
          ),

输出:

在此处输入图像描述


推荐阅读