Как обновить флаттер TextField по высоте и ширине?

Question

Как настроить высоту и ширину макета TextField во флаттере?

Answer 1

Вы можете попробовать свойство margin в контейнере.Оберните текстовое поле внутри контейнера и настройте свойство поля.

                      new Container(
                      margin: const EdgeInsets.only(right: 10, left: 10),
                      child: new TextField(

                        decoration: new InputDecoration(
                            hintText: 'username',
                            icon: new Icon(Icons.person)),
                      )),

Answer 2

Чтобы настроить ширину, вы можете обернуть TextField виджетом Container, например:

new Container(              
  width: 100.0,
  child: new TextField()
)

Я не совсем уверен, что вы ищете, когда дело доходит довысота TextField, но вы определенно можете взглянуть на виджет TextStyle, с помощью которого вы можете манипулировать fontSize и / или height

new Container(              
  width: 100.0,
  child: new TextField(                                 
    style: new TextStyle(
      fontSize: 40.0,
      height: 2.0,
      color: Colors.black                  
    )
  )
)

Имейте в виду, что height в TextStyle является множителем размера шрифта, согласно комментариям к самому свойству:

Высота этого текстового промежутка, кратная размеру шрифта.

При применении к корню [TextSpan] это значение устанавливает высоту строки, которая является минимальным расстоянием между последующими текстовыми базовыми линиями, кратным размеру шрифта.

Последнее, но не менее важное:Возможно, вы захотите взглянуть на decoration ваше свойство TextField, которое дает вам множество возможностей

РЕДАКТИРОВАТЬ: Как изменитьвнутреннее заполнение / поле TextField

Вы можете поиграть с опорами InputDecoration и decorationчасть TextField.Например, вы можете сделать что-то вроде этого:

new TextField(                                
    decoration: const InputDecoration(
        contentPadding: const EdgeInsets.symmetric(vertical: 40.0),
    )
)