Как изменить высоту TextFormField и цвет шрифта по умолчанию для флаттера

Question

Я хотел бы изменить высоту TextFormField и цвет шрифта.

           TextFormField(
              decoration: const InputDecoration(
                  border: OutlineInputBorder(),
                  filled: true,
                  icon: Icon(Icons.person),
                  hintText: 'Nick Name',
                  labelText: 'Nick Name',
              ),
            ),

Как мне это написать?

Answer 1

вы можете использовать contentPadding для настройки размера и style свойство для изменения цвета и свойства текста.

 TextFormField(
        decoration: const InputDecoration(
            contentPadding: EdgeInsets.all(20), // change height
            border: OutlineInputBorder(),
            filled: true,
            icon: Icon(Icons.person),
            hintText: 'Nick Name',
            labelText: 'Nick Name',
            hintStyle:
                TextStyle(color: Colors.amber)), // change hint text color
        style: TextStyle(color: Colors.red), // change input text color
      ),

Answer 2

Чтобы увеличить TextFormField высоту, вы можете использовать свойство contentPadding внутри InputDecoration и задать значение аргумента vertical как:

decoration: InputDecoration(
                  contentPadding: EdgeInsets.symmetric(vertical: 30),

Чтобы изменить цвет шрифта label и hint, вы можете сделать это, используя Theme внутри MaterialApp, как показано ниже:

theme: ThemeData(
      inputDecorationTheme: InputDecorationTheme(
            labelStyle: TextStyle(color: Colors.black),
            hintStyle: TextStyle(color: Colors.black),

      )),

Надеюсь, это поможет.