Outlined Button Styling in Flutter

In this post, we are going to explain different methods that can be used to style an Outlined Button in Flutter.

Add border-radius to Outlined Button

OutlinedButton(
  onPressed: () {},
  style: ButtonStyle(
    shape: MaterialStateProperty.all(
      RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(10.0),
      ),
    ),
  ),
  child: const Text(
    'Continue ?',
    style: TextStyle(
      color: Color(0xffbc9eff),
    ),
  ),
),

Was this helpful?