Блог

У меня есть кнопка с повышением и значком, где значок помещается слева от текста с помощью ElevatedButton.icon . На самом деле я хочу разместить значок справа от текста. Как я могу сделать это своим кодом :

 ElevatedButton.icon(  onPressed: onPressed,  icon:Icon(icon,  color: color != null ? color : null,  size: getIconSize(),  ),  label: Text(label),  style: buttonStyle);  

Как это выглядит :

чего я хочу :

Далее -gt;

Используйте Directionality виджет. Сделайте направление rtl .

 Directionality(  textDirection: TextDirection.rtl,  child: ElevatedButton.icon(  onPressed: () {},  icon: Icon(  Icons.arrow_back,  ),  label: Text("Test"),  //.........  ))  

Теперь вам просто нужно добавить свой стиль

Вы можете просто использовать обычный ElevatedButton конструктор и передать строку в качестве его дочернего элемента с вашим значком и текстом:

 ElevatedButton(  onPressed: onPressed,  style: buttonStyle,  child: Row(mainAxisSize:MainAxisSize.min, children: [Text(label), SizedBox.square(dimension: 4), Icon(icon,color: color != null ? color : null,size: getIconSize()), ]),)