Здравствуйте, у меня проблема с дизайном флаттера
я хочу сделать коробку с закругленной рамкой, используя контейнер
и в верхней части этого поля я хочу, чтобы текст и текст выглядели как это но когда я написал код, текст не может выглядеть как это

Это мой код

                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'),
                    ),
                  ),
                ),
              )
1
Imam Rizky GANTENG 24 Сен 2021 в 11:10

2 ответа

Лучший ответ

Просто используйте 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'),
              ),
            ),
          ),

Выход:

enter image description here

2
Jahidul Islam 24 Сен 2021 в 08:21

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

 new Container(
      alignment: Alignment.topCenter,
      decoration: new BoxDecoration(
      color: Colors.blue,
      borderRadius: new BorderRadius.only(
        topLeft: const Radius.circular(40.0),
        topRight: const Radius.circular(40.0),
      ),
    ),
2
Saugat Jonchhen 24 Сен 2021 в 08:24