WebMar 18, 2024 · This works and actually I just realised, that setting the side property of ButtonStyle directly based on the state works too. I didn't notice it first, because the animation is so slow that the change isn't visible unless the button is pressed for a … WebApr 9, 2024 · 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: …
flutter - How to add a border color to an OutlineButton - Stack Overflow
WebOct 12, 2024 · You can use OutlinedButton.styleFrom property: OutlinedButton ( style: OutlinedButton.styleFrom ( shape: RoundedRectangleBorder ( borderRadius: BorderRadius.circular (18.0), ), side: BorderSide (width: 2, color: Colors.green), ), onPressed: () {}, child: Text ('Button'), ) From the source code WebJan 1, 2024 · side: BorderSide(width: 3, color: Colors.black), ), ), ), child: Text('Download'), ) Note: Similarly, you can also change the border radius of TextButton and OutlinedButton. Output Add button border only at the bottom howa model 1500 hs carbon fiber
flutter - Cannot change border color in OutlinedButton - Stack Overflow
WebDec 12, 2024 · See the code snippet given below. OutlinedButton ( onPressed: () {}, style: OutlinedButton.styleFrom ( side: const BorderSide (color: Colors.red), ), child: const Text ('Outlined Button'), ) You will get the output of the OutlinedButton with the red color border. WebDec 25, 2024 · OutlineButton ( shape: RoundedRectangleBorder ( borderRadius: BorderRadius.circular (20), ), borderSide: BorderSide (color: Colors.pink, width: 1), onPressed: () {}, child: Padding ( padding: const EdgeInsets.all (12), child: Text ( "add to cart", style: TextStyle (color: Colors.red, fontSize: 20), ), ), ) Share Improve this answer WebJul 14, 2024 · The code snippet for OutlineButton Widget will look like below : OutlineButton ( child: new Text ("Outline Button"), borderSide: BorderSide ( color: Colors.purple, ), onPressed: () { print ("HELLO"); }, ), It will generate output like below : OutlineButton Some properties of OutlineButton are as listed below : how many hours from texas to hawaii