Как удалить цвет фона текстового поля в виджете Flutter?

#flutter #dart #textfield

#flutter #dart #текстовое поле

Вопрос:

Я не могу удалить тень и фон текстового поля, вот мой код:

 TextFormField(
                            decoration: InputDecoration.collapsed(),
                            validator: (input) =>
                                input == "" ? 'The task is empty' : null,
                            onSaved: (input) => task = input,
                          )
  

это тот результат, который я хочу

введите описание изображения здесь

Я всегда пробую BoxDecoration, но безуспешно, потому что do не совместим с TextFormField.

Ответ №1:

Вы должны установить значение filled равным true.

 TextField(decoration: InputDecoration( fillColor: Colors.red, filled: true)),
  

Ответ №2:

Оберните свой TextFormField внутри Container и измените его color свойство, чтобы оно соответствовало вашему цвету фона (я предполагаю, что на вашей картинке это его white ):

      Container(
        color: Colors.white, // or any color that matches your background
        child: TextFormField(
                 decoration: InputDecoration.collapsed(),
                 validator: (input) => input == "" ? 'The task is empty' : null,
                 onSaved: (input) => task = input,
               )
     ),
  

Комментарии:

1. Не работает, мне нужно удалить детали текстового поля, такие как границы, теневое поле.