Handling gestures in Flutter

This Article is posted by seven.srikanth at 06-12-2018 02:57:16

In this article, I'm going to share you an example of how to handle gestures in Flutter.
This is how the final output is going to look. 
In this below example you handle onTap, onDoubleTap and onLongPress gestures. Check out https://docs.flutter.io/flutter/widgets/GestureDetector-class.html for more properties. 
Here is the full code from main.dart file. You just need to create a flutter program and replace the code in main.dart file with below code.
import 'package:flutter/material.dart';
void main() {
title: "Gestures Demo",
home: MyApp(),
class MyApp extends StatefulWidget {
_MyAppState createState() => _MyAppState();
class _MyAppState extends State<MyApp> {
var _action = "Waiting for an action";
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Gestures Demo"),
body: Center(
child: Column(
children: <Widget>[
padding: EdgeInsets.all(50.0),
onTap: () {
setState(() {
_action = "Tapped";
onDoubleTap: () {
setState(() {
_action = "Double Tapped";
onLongPress: () {
setState(() {
_action = "Log Pressed";
child: Container(
height: 40.0,
padding: EdgeInsets.all(10.0),
margin: EdgeInsets.symmetric(vertical: 28.0),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5.0),
color: Colors.lightGreen,
child: Text("Do something here"),
Hope this is helpful. 

Tags: Handling gestures in Flutter; handle onTap, onDoubleTap and onLongPress gestures in flutter;

Login to comment.
Recent Comments

Be the first to Comment. You can ask a Query or Share your toughts or Just say thanks.

Recent Articles

How to deploy flutter web site on GitHub using peanut

Posted by nikhilchaudhary12155 on 13 Oct 2019 Article

AnimatedPositioned Widget Example in Flutter

Posted by seven.srikanth on 10 Oct 2019 Article

Flutter Open-Source and directory lists

Posted by nishantkotatech on 09 Oct 2019 Article

Flutter Travelling Couple Leading Page - Flutter Web Series 3

Posted by nikhilchaudhary12155 on 05 Oct 2019 Article

© 2018 - Fluttercentral | Email to me - Seven.srikanth@gmail.com