In this tutorial, we’ll learn how to properly use Flutter outlinedButton onPressed with the help of an easy Flutter example.
Introduction: Flutter OutlinedButton OnPressed
As the name suggests, it’s used to trigger some actions after the outlined button is clicked by the user. We’ll be using a proper example to demonstrate how we can use it.
So let’s get right into its practical implementation.
Implementing Flutter OutlinedButton OnPressed (Easy Example Code)
We first have to define a simple Flutter outlinedButton widget. Then we will use its required onPressed constructor which takes a function. We can specify any action we want in the body of that function.
To demonstrate how it works, we’ll be using a Flutter snackbar widget inside that function’s body. So whenever the user clicks on the outlinedButton, the snackbar widget will appear on the screen. See below code in which this theory is practically implemented.
OutlinedButton( onPressed: () { ScaffoldMessenger.of(context).showSnackBar(SnackBar( content: Text('Outlined button is pressed'))); }, child: Text('Outlined button OnPressed'))
![[Solved] How To Use Flutter OutlinedButton OnPressed 3 flutter outlinedbutton widget onpressed](https://letmeflutter.com/wp-content/uploads/2022/10/IMG_20221004_141833-300x88.jpg)
![[Solved] How To Use Flutter OutlinedButton OnPressed 4 flutter outlinedbutton onpressed](https://letmeflutter.com/wp-content/uploads/2022/10/IMG_20221004_141848-300x95.jpg)
Flutter OutlinedButton OnPressed Implementation Source Code
import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home: Homepage(), ); } } class Homepage extends StatefulWidget { @override State<Homepage> createState() => _HomepageState(); } class _HomepageState extends State<Homepage> { @override Widget build(BuildContext context) { return SafeArea( child: Scaffold( body: Center( child: OutlinedButton( onPressed: () { ScaffoldMessenger.of(context).showSnackBar(SnackBar( content: Text('Outlined button is pressed'))); }, child: Text('Outlined button OnPressed'))))); } }
Conclusion
To conclude this tutorial, now you’ve a detailed and in-depth practical knowledge of how to properly use Flutter outlinedButton onPressed. I’d love to have your feedback on this post.
I’d also love to see you visit my other tutorials on Flutter app development and Python programming as well. Thank you for reading this post.