Прикрепите значок с двумя суффиксами с фоном на текстовом поле в flutter?

#flutter #flutter-layout #flutter-dependencies

Вопрос:

Я хочу, чтобы результат был таким,

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

но до сих пор я добился того, что

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

Тег «От» не является проблемой, но схема есть.

вот код для моего текстового поля.

 TextField(  enabled: false,  decoration: InputDecoration(  disabledBorder: OutlineInputBorder(  borderSide:  BorderSide(color: colorx.Colors.black, width: 0.7),  ),  hintText: 'YYYY-MM-DD',  hintStyle: TextStyle(color: Colors.black12),  suffixIcon: Container(   height: 58,  width: 80,  decoration:  BoxDecoration(color: colorx.Colors.paleGreyTwo,),    child: Row(  mainAxisAlignment: MainAxisAlignment.spaceEvenly,  // added line  mainAxisSize: MainAxisSize.min,  // added line   children: [  Image.asset(  "graphics/calender.png",  ),  Image.asset(  "graphics/refresh_date.png",  ),  ],  ),  ),  ),  style: TextStyle(color: Colors.black),  ),  

Ответ №1:

Попробуйте приведенный ниже код, надеюсь, он вам поможет. просто измените мои иконки на ваши изображения

 TextField(  enabled: false,  decoration: InputDecoration(  disabledBorder: OutlineInputBorder(  borderSide: BorderSide(color: Colors.black, width: 0.7,),  ),  hintText: 'YYYY-MM-DD',  hintStyle: TextStyle(color: Colors.black12,),  suffixIcon: Container(  margin: EdgeInsets.all(1),  height: 58,  width: 100,  decoration: BoxDecoration(  color: Colors.grey,  border: Border(  left: BorderSide(  color: Colors.black,  width: 1.0,  ),  ),),  child: IntrinsicHeight(  child: Row(  mainAxisAlignment:  MainAxisAlignment.spaceEvenly,   mainAxisSize: MainAxisSize.min,   children: lt;Widgetgt;[  Icon(Icons.date_range,),  VerticalDivider(  color: Colors.black,  thickness: 1,  ),  Icon(Icons.close,),  ],  ),  ),  ),  ),  style: TextStyle(  color: Colors.black,  ),  ),  

Ваш экран результатов-gt; введите описание изображения здесь

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

1. Спасибо, но все равно значки не в центре.

2. @KanwarpreetSingh просто настроил заполнение значков