flutter组件_AbsorbPointer-Toy模板网

这篇具有很好参考价值的文章主要介绍了flutter组件_AbsorbPointer。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

官方说明：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'),
              ),
            ),
          )
        ],
      ),
    );
  }
}