#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, ), ),
Комментарии:
1. Спасибо, но все равно значки не в центре.
2. @KanwarpreetSingh просто настроил заполнение значков