Flutter如何编程检测share sheet开闭状态并控制分享按钮显隐

你可以利用Share包分享方法返回Future的特性，配合状态变量控制按钮显隐即可，具体实现逻辑如下：

步骤说明 #

• 首先在State类中定义一个布尔类型的状态变量，用来控制分享按钮的显隐，默认值为true
• 给分享按钮绑定点击事件，点击触发时先将状态变量设为false隐藏按钮，再调用分享方法
• 用await等待分享方法执行完成（无论用户是主动关闭分享面板还是完成分享操作，该方法的Future都会回调），执行完成后再将状态变量设为true恢复按钮显示
• 调用setState更新状态时建议加mounted判断，避免页面销毁后触发异常

示例代码 #

import 'package:flutter/material.dart';
import 'package:share/share.dart';

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

  @override
  State<ShareDemoPage> createState() => _ShareDemoPageState();
}

class _ShareDemoPageState extends State<ShareDemoPage> {
  // 控制分享按钮显隐的状态变量
  bool _isShareBtnVisible = true;

  Future<void> _handleShare() async {
    // 先隐藏分享按钮
    if (mounted) {
      setState(() {
        _isShareBtnVisible = false;
      });
    }

    // 执行分享逻辑，等待分享面板关闭
    await Share.share('这是要分享的内容');

    // 分享面板关闭后重新显示按钮
    if (mounted) {
      setState(() {
        _isShareBtnVisible = true;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('分享示例')),
      body: Center(
        // 根据状态变量控制按钮是否显示
        child: _isShareBtnVisible
            ? ElevatedButton(
                onPressed: _handleShare,
                child: const Text('分享内容'),
              )
            : const SizedBox.shrink(),
      ),
    );
  }
}

如果你需要的是按钮不可点击而不是完全消失，可以把显隐判断改成控制onPressed参数是否为null，或者给按钮加透明度样式即可。

内容的提问来源于stack exchange，提问作者User