How to use the flat button in Flutter

Question

Hi Team,

I am using the Flutter Framework to create an Android App. I want to use the Flat Button. How can I use that? 

Answer 1

Hi@akhtar,

You can use the FlatButton inside a Widget. For example, in the container widget, you must define the onPressed property as shown below.

container( 
child: FlatButton( 
  child: Text('Text here'), 
onPressed: (){ print('Button pressed'); }, 
), 
);

To know more about Flutter, join our Flutter Certification today.

Answer 2

FlatButton is really easy to use.

Where ever you need it. Just add

 FlatButton(
child: Text('FlatButton'),
color: Colors.white,
onPressed: () {
print("FlatButton tapped");
},
),

Full source code down below.

``` import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: FlatButton(
child: Text('FlatButton'),
color: Colors.white,
onPressed: () {
print("FlatButton tapped");
},
),
);
}
}