Old version:
OutlineButton.icon(
textColor: Theme.of(context).primaryColorDark,
icon: Icon(Icons.person_add),
label: Text(translate('contacts_list.import')),
shape: new RoundedRectangleBorder(
borderSide: BorderSide(
color: Colors.red,
style: BorderStyle.solid,
width: 1,
),
);
New version:
OutlinedButton.icon(
onPressed: () async {},
icon: Icon(Icons.person_add),
label: Text("Import"),
style: OutlinedButton.styleFrom(
backgroundColor: Colors.white,
primary: Theme.of(context).primaryColorDark,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(
Radius.circular(2),
),
),
),
)
I can't figure out how to change the border color. Here there is an example but nothing related to this effect: https://docs.google.com/document/d/1yohSuYrvyya5V1hB6j9pJskavCdVq9sVeTqSoEPsWH0/edit
You can do it with side: BorderSide()
Example:
OutlinedButton.icon(
onPressed: () async {},
icon: Icon(Icons.person_add),
label: Text("Import"),
style: OutlinedButton.styleFrom(
side: BorderSide(width: 2, color: Colors.green),
backgroundColor: Colors.white,
primary: Theme.of(context).primaryColorDark,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(
Radius.circular(2),
),
),
),
)