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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。