flutter实现点击事件
本文实例为大家分享了flutter实现点击事件的具体代码,供大家参考,具体内容如下
在Android中,您可以通过调用方法setOnClickListener将OnClick绑定到按钮等view上。
在Flutter中,有两种方法:
1.如果Widget支持事件监听,则可以将一个函数传递给它并进行处理。例如,RaisedButton有一个onPressed参数
@override Widgetbuild(BuildContextcontext){ returnnewRaisedButton( onPressed:(){ print("click"); }, child:newText("Button")); }
2.如果Widget不支持事件监听,则可以将该Widget包装到GestureDetector中,并将处理函数传递给onTap参数
classSampleAppextendsStatelessWidget{ @override Widgetbuild(BuildContextcontext){ returnnewScaffold( body:newCenter( child:newGestureDetector( child:newFlutterLogo( size:200.0, ), onTap:(){ print("tap"); }, ), )); } }
2.1.使用GestureDetector,可以监听多种手势
(1)Tap
onTapDown
onTapUp
onTap
onTapCancel
(2)Doubletap
onDoubleTap用户快速连续两次在同一位置轻敲屏幕
(3)长按
onLongPress
(4)垂直拖动
onVerticalDragStart
onVerticalDragUpdate
onVerticalDragEnd
(5)水平拖拽
onHorizontalDragStart
onHorizontalDragUpdate
onHorizontalDragEnd
2.2.示例:监听FlutterLogo的双击事件,双击时使其旋转。
voidmain()=>runApp(DemoApp()); classDemoAppextendsStatelessWidget{ @override Widgetbuild(BuildContextcontext){ returnnewMaterialApp( title:'导航演示1', home:newMyAppHome(), ); } } classMyAppHomeextendsStatefulWidget{ @override _MyAppHomeStatecreateState()=>_MyAppHomeState(); } class_MyAppHomeStateextendsStatewithTickerProviderStateMixin{ AnimationControllercontroller; CurvedAnimationcurve; @override voidinitState(){ super.initState(); controller=newAnimationController( duration:constDuration(milliseconds:2000),vsync:this); curve=newCurvedAnimation(parent:controller,curve:Curves.easeIn); } @override Widgetbuild(BuildContextcontext){ returnnewScaffold( body:newCenter( child:newGestureDetector( child:newRotationTransition( turns:curve, child:newFlutterLogo( size:200.0, )), onDoubleTap:(){ if(controller.isCompleted){ controller.reverse(); }else{ controller.forward(); } }, ), )); } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。