flutter实现点击事件

 更新时间:2020年08月26日 16:47:51   作者:WongKyunban  
这篇文章主要为大家详细介绍了flutter实现点击事件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了flutter实现点击事件的具体代码,供大家参考,具体内容如下

在Android中,您可以通过调用方法setOnClickListener将OnClick绑定到按钮等view上。

在Flutter中,有两种方法:

1.如果Widget支持事件监听,则可以将一个函数传递给它并进行处理。例如,RaisedButton有一个onPressed参数

@override
Widget build(BuildContext context) {
 return new RaisedButton(
  onPressed: () {
  print("click");
  },
  child: new Text("Button"));
}

2.如果Widget不支持事件监听,则可以将该Widget包装到GestureDetector中,并将处理函数传递给onTap参数

class SampleApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
 return new Scaffold(
  body: new Center(
  child: new GestureDetector(
  child: new FlutterLogo(
   size: 200.0,
  ),
  onTap: () {
   print("tap");
  },
  ),
 ));
 }
}

2.1.使用GestureDetector,可以监听多种手势

(1)Tap

onTapDown
onTapUp
onTap
onTapCancel

(2)Double tap

onDoubleTap 用户快速连续两次在同一位置轻敲屏幕

(3)长按

onLongPress

(4)垂直拖动

onVerticalDragStart
onVerticalDragUpdate
onVerticalDragEnd

(5)水平拖拽

onHorizontalDragStart
onHorizontalDragUpdate
onHorizontalDragEnd

2.2.示例:监听FlutterLogo的双击事件,双击时使其旋转。

void main() => runApp(DemoApp());

class DemoApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
 return new MaterialApp(
  title: '导航演示1',
  home: new MyAppHome(),
 );
 }
}

class MyAppHome extends StatefulWidget{
 @override
 _MyAppHomeState createState() => _MyAppHomeState();

}
class _MyAppHomeState extends State<MyAppHome> with TickerProviderStateMixin{
 AnimationController controller;
 CurvedAnimation curve;

 @override
 void initState() {
 super.initState();
 controller = new AnimationController(
  duration: const Duration(milliseconds: 2000), vsync: this);
 curve = new CurvedAnimation(parent: controller, curve: Curves.easeIn);
 }

 @override
 Widget build(BuildContext context) {
 return new Scaffold(
  body: new Center(
  child: new GestureDetector(
  child: new RotationTransition(
   turns: curve,
   child: new FlutterLogo(
    size: 200.0,
   )),
  onDoubleTap: () {
   if (controller.isCompleted) {
   controller.reverse();
   } else {
   controller.forward();
   }
  },
  ),
 ));
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Android实现简单的下拉阻尼效应示例代码

    Android实现简单的下拉阻尼效应示例代码

    下面小编就为大家分享一篇Android实现简单的下拉阻尼效应示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • android studio 一直卡在Gradle:Build Running的几种解决办法

    android studio 一直卡在Gradle:Build Running的几种解决办法

    这篇文章主要介绍了android studio 一直卡在Gradle:Build Running的解决办法,非常具有实用价值,需要的朋友可以参考下
    2017-10-10
  • Android Zipalign工具优化Android APK应用

    Android Zipalign工具优化Android APK应用

    本文主要介绍Android Zipalign工具优化Android APK应用,这里整理了相关资料及简单优化实例,有需要的小伙伴可以参考下
    2016-09-09
  • Android CheckBox中设置padding无效解决办法

    Android CheckBox中设置padding无效解决办法

    这篇文章主要介绍了Android CheckBox中设置padding无效解决办法的相关资料,希望通过本文能帮助到大家,让大家解决这样类似的问题,需要的朋友可以参考下
    2017-10-10
  • WorkManager解决应用退出后继续运行后台任务

    WorkManager解决应用退出后继续运行后台任务

    这篇文章主要为大家介绍了WorkManager解决应用退出后继续运行后台任务示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • Android数据存储几种方式讲解

    Android数据存储几种方式讲解

    在开发过程中,数据存取是较为频繁的,今天我们来了解下android几种常见的数据存取方式。在Android中,sharePreferences是一种轻量级的数据存储方式,采用键值对的存储方式,存储少量数据,支持基本类型的简单数据存储
    2022-12-12
  • 一文带你了解Android Flutter中Transform的使用

    一文带你了解Android Flutter中Transform的使用

    flutter的强大之处在于,可以对所有的widget进行Transform,因此可以做出非常酷炫的效果。本文就来大家了解一下Transform的具体使用,感兴趣的可以了解一下
    2023-01-01
  • Android实战教程第三篇之简单实现拨打电话功能

    Android实战教程第三篇之简单实现拨打电话功能

    这篇文章主要为大家详细介绍了Android实战教程第三篇之简单实现拨打电话功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Android 百度地图POI搜索功能实例代码

    Android 百度地图POI搜索功能实例代码

    POI(Point of Interest),中文可以翻译为“兴趣点”。在地理信息系统中,一个POI可以是一栋房子、一个商铺、一个邮筒、一个公交站等。通过本文给大家介绍Android 百度地图POI搜索功能实例代码,需要的朋友参考下
    2016-02-02
  • OpenGL ES着色器使用详解(二)

    OpenGL ES着色器使用详解(二)

    这篇文章主要为大家详细介绍了OpenGL ES着色器的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05

最新评论