Schaltfläche für flattern
TextButton(
onPressed: () {
// Respond to button press
},
child: Text("TEXT BUTTON"),
)
PHDinStackoverflow
TextButton(
onPressed: () {
// Respond to button press
},
child: Text("TEXT BUTTON"),
)TextButton(
onPressed: () {},
child: Text('click me!!!'),
)// Basic
TextButton(
child: const Text('Submit'),
onPressed: () {},
),
// Icon & Text()
TextButton.icon(
icon: const Icon(Icons.shopping_cart),
label: const Text('Shopping Cart'),
onPressed: () {},
),
// Specific style to
TextButton.icon(
icon: const Icon(Icons.shopping_cart),
label: const Text('Shopping Cart'),
style: TextButton.styleFrom(
primary: Colors.white,
backgroundColor: Colors.purple,
side: const BorderSide(color: Colors.orange, width: 2),
shape: BeveledRectangleBorder(
borderRadius: BorderRadius.circular(5)),
shadowColor: Colors.pink,
elevation: 10,
),
onPressed: () {},
),
// Global:: In ThemeData()
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: _title,
theme: ThemeData(
primarySwatch: Colors.purple,
textButtonTheme: TextButtonThemeData(
style: TextButton.styleFrom(
primary: Colors.white,
backgroundColor: Colors.purple,
side: const BorderSide(color: Colors.orange, width: 2),
shape:
BeveledRectangleBorder(borderRadius: BorderRadius.circular(5)),
shadowColor: Colors.pink,
elevation: 10,
),
),
),
home: Scaffold(
appBar: AppBar(),
body: Column()
final ButtonStyle flatButtonStyle = TextButton.styleFrom(
primary: Colors.black87,
minimumSize: Size(88, 36),
padding: EdgeInsets.symmetric(horizontal: 16.0),
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(2.0)),
),
);
TextButton(
style: flatButtonStyle,
onPressed: () { },
child: Text('Looks like a FlatButton'),
)final ButtonStyle raisedButtonStyle = ElevatedButton.styleFrom(
onPrimary: Colors.black87,
primary: Colors.grey[300],
minimumSize: Size(88, 36),
padding: EdgeInsets.symmetric(horizontal: 16),
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(2)),
),
);
ElevatedButton(
style: raisedButtonStyle,
onPressed: () { },
child: Text('Looks like a RaisedButton'),
)