Flutter基础—手势处理

大部分应用程序都需要与用户进行交互，构建交互式应用程序的第一步是检测用户输入的手势，通过创建一个简单的按钮来演示：

import 'package:flutter/material.dart';
void main() {runApp(new MaterialApp(title: 'Flutter教程',home: new MyButton(),));
}
class MyButton extends StatelessWidget {@overrideWidget build(BuildContext context) {return new GestureDetector(onTap: () {print('MyButton被监听了！');},child: new Container(height: 36.0,padding: const EdgeInsets.all(8.0),margin: const EdgeInsets.symmetric(horizontal: 8.0),decoration: new BoxDecoration(borderRadius: new BorderRadius.circular(5.0),color: Colors.lightGreen[500],),child: new Center(child: new Text('点击监听'),),),);}
}

GestureDetector控件没有图像展示，只是检测用户输入的手势。当用户点击Container时，GestureDetector会调用onTap回调，然后打印信息到控制台。你可以使用GestureDetector检测各种输入手势，包括点击、拖动和缩放。

许多控件使用GestureDetector为其他控件提供回调，比如IconButton、RaisedButton和FloatingActionButton控件有onPressed回调，当用户点击控件时触发回调。

Flutter基础—手势处理相关推荐

Flutter基础篇（2）-- 老司机用一篇博客带你快速熟悉Dart语法
版权声明:本文为博主原创文章,未经博主允许不得转载.https://www.jianshu.com/p/3d927a7bf020 转载请标明出处: https://www.jianshu.com/p/ ...
flutter GestureDetector 手势处理
[x1]微信公众号的每日提醒随时随记每日积累随心而过 [x2]各种系列的视频教程免费开源关注你不会迷路 [x3]系列文章百万 Demo 随时复制粘贴使用 flutter Gestur ...
Flutter基础—你好，Flutter！
什么是Flutter Flutter是一个移动应用程序的软件开发工具包(SDK),用一个代码库构建高性能.高保真的iOS和Android应用程序.目标是使开发人员能够为Android和iOS提供自然的 ...
Flutter基础（四）开发Flutter应用前需要掌握的Basic Widget
本文首发于公众号「刘望舒」关联系列 ReactNative入门系列 React Native组件 Flutter基础系列前言学完了Dart语言,接下来就可以学习Widget了,Flutter的U ...
Flutter 基础目录结构介绍、入口自定义widget、等相关组件使用
提示:此文章为前端学习flutter过程,如有歧义期望各位大大的宝贵意见学习Dart 基础知识移步这里安装flutter环境相关移步这里 flutter基础组件使用相关移步这里文章目录一 ...
Flutter基础（九）资源和图片
本文首发于公众号「刘望舒」 ReactNative入门系列 React Native组件 Flutter基础系列和Android开发一样,Flutter也有asset这一概念,asset是打包到程序 ...
Unity3DTouch触摸基础手势
Unity3DTouch触摸基础手势拖拽缩放旋转完整代码如下: using UnityEngine; using UnityEngine.EventSystems;/// <summar ...
一份超级详细的Flutter基础组件练习示例，请查收！
学习B站技术胖的flutter基础课程整理的示例,为了平时方便查阅,同时希望能和大家一同进步~ Flutter基础组件 Hello world import 'package:flutter/mate ...
Flutter基础（三）Dart快速入门
本文首发于公众号「刘望舒」关联系列 ReactNative入门系列 React Native组件 Flutter基础系列前言 Dart是Flutter SDK指定的语言,因此要学习Flutter, ...

Flutter基础—手势处理

Flutter基础—手势处理相关推荐

最新文章

热门文章