отступы к тексту в текстовом поле - PullRequest
Новая
       101

отступы к тексту в текстовом поле

0 голосов
/ 04 августа 2020

Я дал текстовому полю произвольную высоту с контейнером вокруг него. Значки расположены посередине, но текст не в центре текстового поля. Кто-нибудь знает, как решить эту проблему? 

Container(
                          height: 45,
                          child: TextFormField(
                            decoration: InputDecoration(
                              filled: true,
                              fillColor: Colors.grey[100],
                              border: OutlineInputBorder(
                                borderRadius: BorderRadius.circular(20),
                                borderSide: BorderSide(
                                  width: 0,
                                  style: BorderStyle.none,
                                ),
                              ),
                              hintText: 'Hint Text',
                            ),
                            style: TextStyle(
                              fontSize: 18,
                            ),
                          ),
                        ),

1 Ответ

2 голосов
/ 04 августа 2020

Для горизонтально центрированного текста подсказки : текст подсказки выравнивается в соответствии с TextFormField textAlign, поэтому добавление textAlign: TextAlign.center к TextFormField будет центрировать текст подсказки по горизонтали.

Для вертикально центрированного текста подсказки : добавьте contentPadding, например, contentPadding: EdgeInsets.symmetric(vertical: 2) к TextField. 

Container(
          height: 45,
          child: TextFormField(
            textAlign: TextAlign.center, // this is new
            decoration: InputDecoration(
              filled: true,
              contentPadding: EdgeInsets.symmetric(vertical: 2), // this is new
              fillColor: Colors.grey[100],
              border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(20),
                borderSide: BorderSide(
                  width: 0,
                  style: BorderStyle.none,
                ),
              ),
              hintText: 'Hint Text',
            ),
            style: TextStyle(
              fontSize: 18,
            ),
          ),
        ),
...