how to remove border in OutlinedButton

Question

I'm having trouble when I want to remove the border on the OutlineButton

 OutlinedButton(
  onPressed: () {},
  child: const Text('Pext Page'),
 )

please help me!!

Answer 1

Try below code hope its help to you.

Using transparent border color

  OutlinedButton(
    onPressed: () {},
    child: Text('Outlined button'),
    style: OutlinedButton.styleFrom(
      side: BorderSide(
         color: Colors.transparent,
      ),
    ),
  ),

Using none border

OutlinedButton(
  onPressed: () {},
  style: OutlinedButton.styleFrom(
    side: BorderSide.none,
  ),
  child: const Text('Outlined button'),
),

Your result screen->

Or you can used TextButton also

 TextButton(
    onPressed: () {},
    child: Text('Text button'),
  ),

Your result screen using TextButton->