美文网首页
flutter 手势

flutter 手势

作者: feitry | 来源:发表于2022-05-19 16:36 被阅读0次

    先放代码:

    import 'package:flutter/material.dart';
    
    class HomePage extends StatefulWidget {
      final String title;
    
      const HomePage({super.key, required this.title});
    
      @override
      State<HomePage> createState() => _HomePageState();
    }
    
    class _HomePageState extends State<HomePage> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text(widget.title),
          ),
          body: Center(
            child: Text("hi,${widget.title}"),
          ),
        );
      }
    }
    
    class MyApp extends StatelessWidget {
      const MyApp({super.key});
    
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'web title',
          theme: ThemeData(primarySwatch: Colors.blue),
          home: const MyButton(), //const HomePage(title: 'title'),
        );
      }
    }
    
    void main(List<String> args) {
      runApp(const MyApp());
    }
    
    class MyButton extends StatelessWidget {
      const MyButton({super.key});
    
      @override
      Widget build(BuildContext context) {
        return GestureDetector(
          onTap: () {
            // ignore: avoid_print
            print('object:on tap');
          },
          onDoubleTap: () {
            // ignore: avoid_print
            print('object:double tap');
          },
          onLongPress: () {
            // ignore: avoid_print
            print('object:on long press');
          },
          child: const HomePage(title: 'title-tap'),
        );
      }
    }
    
    

    运行效果:


    Simulator Screen Shot - iPhone 13 Pro Max - 2022-05-19 at 16.33.44.png

    在页面可进行轻点、双击、长安,控制台打印相应的调用方法:


    截屏2022-05-19 下午4.35.51.png

    HomePage也可以是其他Widget ,实现手势效果,GestureDetector,在gesture_detector.dart文件中可以看到,它支持各种手势:


    截屏2022-05-19 下午4.31.13.png

    相关文章

      网友评论

          本文标题:flutter 手势

          本文链接:https://www.haomeiwen.com/subject/ojvtprtx.html