Flutter16.GestureDetector

最新推荐文章于 2024-09-14 14:53:56 发布

原创最新推荐文章于 2024-09-14 14:53:56 发布 · 157 阅读

0 ·

CC 4.0 BY-SA版权

Flutter 专栏收录该内容

56 篇文章

订阅专栏

本文介绍了一个使用 Flutter 的 GestureDetector 控件创建按钮的实例。通过 GestureDetector，可以实现点击和双击事件的响应，展示了如何使用 BoxDecoration 进行样式设置，并在点击事件中打印相应的消息。

ex:

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(
  home: HomePage(),
));

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: MyButton(),
      ),
    );
  }
}

class MyButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {//点击
        print('onTap');
      },
      onDoubleTap: (){//双击
        print('double type');
      },
      child: Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(5.0),
          color: Theme.of(context).buttonColor,
        ),
        padding: EdgeInsets.all(20.0),
        child: Text('MyButton'),
      ),
    );
  }
}

输出：