flutter组件_AbsorbPointer

最新推荐文章于 2024-05-16 22:33:58 发布

freeman_x

最新推荐文章于 2024-05-16 22:33:58 发布

阅读量423

点赞数 9

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/freeman_xv1/article/details/137479820

版权

flutter 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

官方说明：A widget that absorbs pointers during hit testing.
翻译：一个在命中测试期间吸收指针的Widget。
作者释义：阻止子元素的点击事件。

AbsorbPointer的定义

const AbsorbPointer({
  super.key,
  this.absorbing = true,
  this.ignoringSemantics,
  super.child,
});

属性：

属性名	属性值
absorbing	是否阻止子Widget的点击事件，默认为true（阻止）
~~ignoringSemantics~~	是否保持子Widget的语义信息，该特性在v3.8.0-12.0.pre之后已弃用。
child	子组件

实例：

import 'package:flutter/material.dart';

void main() => runApp(const AbsorbPointerApp());

class AbsorbPointerApp extends StatelessWidget {
  const AbsorbPointerApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(title: const Text('AbsorbPointer Demo')),
        body: const Center(
          child: AbsorbPointerWidget(),
        ),
      ),
    );
  }
}

class AbsorbPointerWidget extends StatefulWidget {
  const AbsorbPointerWidget({super.key});

  @override
  State<AbsorbPointerWidget> createState() => _AbsorbPointerExampleState();
}

class _AbsorbPointerExampleState extends State<AbsorbPointerWidget> {
  bool isPrevent = true;

  @override
  Widget build(BuildContext context) {
    return Container(
      constraints: const BoxConstraints(
        minHeight: double.infinity
      ),
      child: Column(
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Switch(
                value: isPrevent,
                onChanged:(value) => setState(() => isPrevent=value),
              ),
              const Text('是否阻止点击')
            ],
          ),
          SizedBox(
            width: 200.0,
            height: 100.0,
            child: AbsorbPointer(
              absorbing: isPrevent,
              child: ElevatedButton(
                onPressed: () {},
                child: const Text('Button'),
              ),
            ),
          )
        ],
      ),
    );
  }
}