Как удалить интервал между значком и текстом в текстовом поле - Flutter?

введите описание изображения здесьЯ новичок в flutter, и я создаю панель поиска, для этого я использовал TextField и добавлен значок префикса, но между значком и вводимым текстом появляются лишние пробелы.

Пожалуйста, дайте мне знать, как я могу удалить или уменьшить пространство?

Ниже мой код:

  child: TextField(
    decoration: InputDecoration(
      border: InputBorder.none,
      icon: IconButton(
        icon: Icon(Icons.search),
        color: Colors.pink,
        onPressed: () {},
      ),
    hintText: "Search for restaurant",
    hintStyle: TextStyle(fontSize: 15),
    onChanged: (input){
      print(input);
    },
  )

flutter flutter-layout flutter-test flutter-animation
person Abreeth    schedule 18.03.2020    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Вы можете использовать prefixIcon вместо icon, по умолчанию он не будет занимать пространство между текстом и значком.

 TextField(
        decoration: InputDecoration(
          border: InputBorder.none,
          prefixIcon: IconButton(
            icon: Icon(
              Icons.search,
              color: Colors.pink,
            ),
            onPressed: () {},
          ),

          hintText: "Search for restaurant",
          hintStyle: TextStyle(fontSize: 15),
        ),
        onChanged: (input) {
          print(input);
        },
      ),
person Roshini    schedule 18.03.2020

arrow_upward
0
arrow_downward

Добавьте эту строку в свой Textfield

contentPadding: EdgeInsets.symmetric(vertical: -5),//set this as per your requirement
person A R    schedule 18.03.2020