Breaking News: Grepper is joining You.com. Read the official announcement!

flutter outline button

Add Answer

Flutter Guy answered on April 25, 2021 Popularity 10/10 Helpfulness 10/10

answer flutter outline button

related flutter outline button

related flutter widget outline button

related flutter outline button

flutter outline button

Comment

 OutlinedButton(
              style: OutlinedButton.styleFrom(
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10),
                  ),
                  side: BorderSide(
                    color: Colors.red,
                  )),
              onPressed: () {},
              child: Text('Start Over')),

Popularity 10/10 Helpfulness 10/10 Language whatever

Source: Grepper

Tags: button flutter outline whatever

Link to this answer
Share Copy Link

Contributed on Apr 17 2022

Flutter Guy

0 Answers Avg Quality 2/10

Closely Related Answers

flutter outline button

Comment

OutlinedButton(
  child: Text('Example'),
  onPressed: () {
    print('Pressed');
  },
)

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: Grepper

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Apr 25 2021

PHDinStackoverflow

0 Answers Avg Quality 2/10

flutter widget outline button

Comment

// 	Basic
OutlinedButton(
  child: const Text('Click Me'),
  onPressed: () {
    debugPrint('Clicked'),
  },
),


//  Icon and Text
OutlinedButton.icon(
  icon: const Icon(Icons.shopping_cart),
  label: const Text('My Cart'),
  onPressed: () {},
),


// 	RoundedRectangle with border
OutlinedButton(
  child: const Icon(Icons.add),
  style: OutlinedButton.styleFrom(
    shape: const StadiumBorder(),	// *** 
    side: const BorderSide(
      color: Colors.green,
      width: 2,
    ),
  ),
  onPressed: () {},
),


//  Custom width and height of OutlineButton ( padding )
OutlinedButton(
  child: const Icon(Icons.add),
  style: OutlinedButton.styleFrom(
    minimumSize: const Size(0, 0),	 //  1. Set size: width, height = 0
    padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),  // 2. Set padding
  ),
  onPressed: () {},
),


// ***** Global

 @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: _title,
      theme: ThemeData(
        // *** Global
        outlinedButtonTheme: OutlinedButtonThemeData(
          style: OutlinedButton.styleFrom(
            minimumSize: const Size(0, 0),
            padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
            primary: Colors.white,
            backgroundColor: const Color.fromARGB(255, 47, 150, 0),
            shadowColor: Colors.orange,
            elevation: 5,
            side: const BorderSide(
                color: Color.fromARGB(255, 110, 84, 147), width: 4),
            shape: BeveledRectangleBorder(
              borderRadius: BorderRadius.circular(12),
            ),
          ),
        ),
      ),
      home: const HomeScreen(),
    );
  }

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Jun 08 2022

Sore Sardine

0 Answers Avg Quality 2/10

flutter outline button

Comment

OutlinedButton(
  onPressed: () {
    // Add your desired action here
  },
  child: Text('Outline Button'),
)

Popularity 7/10 Helpfulness 2/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

flutter outline button

Comment

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

Popularity 9/10 Helpfulness 2/10 Language dart

Source: api.flutter.dev

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Aug 24 2021

cmoulicms

0 Answers Avg Quality 2/10

flutter outline button

Contents

More Related Answers

flutter outline button

Closely Related Answers

flutter outline button

flutter widget outline button

flutter outline button

flutter outline button

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.