flutter text 左对齐,如何在Flutter中左对齐OutlineButton图标

How to left align the OutlineButton icon in Flutter?

Icon can be added as follows, but both icon and text are centered aligned in the button. Is there a way to align the icon to the left and text to the center?

return new OutlineButton.icon(

onPressed: onPressed,

label: new Text(title),

icon: icon,

highlightedBorderColor: Colors.orange,

color: Colors.green,

borderSide: new BorderSide(color: Colors.green),

shape: new RoundedRectangleBorder(

borderRadius: new BorderRadius.circular(5.0)));

解决方案

There are many ways you can do it, but it's not possible using the factory constructor that you mentioned OutlineButton.icon, you can go deeper and check the source code to see how it build the widget.

You can create your own Widget to put an icon to the left and the text centered.

Also you can use the OutlineButton widget and pass a Stack/Row as a child, check this sample

OutlineButton(

onPressed: () => null,

child: Stack(

children: [

Align(

alignment: Alignment.centerLeft,

child: Icon(Icons.access_alarm)

),

Align(

alignment: Alignment.center,

child: Text(

"Testing",

textAlign: TextAlign.center,

)

)

],

),

highlightedBorderColor: Colors.orange,

color: Colors.green,

borderSide: new BorderSide(color: Colors.green),

shape: new RoundedRectangleBorder(

borderRadius: new BorderRadius.circular(5.0)

)

)