flutter添加全局水印

原创已于 2023-12-07 13:45:36 修改 · 1.2k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #开发语言

于 2023-12-07 11:25:24 首次发布

文章介绍了如何在Flutter应用中使用DisableScreenshots插件来防止屏幕截图，包括初始化、添加水印和取消水印的方法，以及适用于Android平台的限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：
在这里插入图片描述

可以直接引用：disable_screenshots: ^0.2.0
但是有时候直接引用会报错，可以不引用插件直接把下面的源码工具类放在项目里面
工具类源码：


import 'dart:io';
import 'dart:math';

import 'package:flutter/cupertino.dart';
import 'package:flutter/services.dart';

class DisableScreenshots {
  DisableScreenshots.private(this._methodChannel, this._eventChannel);

  static   DisableScreenshots? _instance/* = DisableScreenshots.private()*/;

  factory DisableScreenshots() {
    if (_instance == null) {
      final MethodChannel methodChannel = const MethodChannel(
          "com.devlxx.DisableScreenshots/disableScreenshots");
      final EventChannel eventChannel =
      const EventChannel('com.devlxx.DisableScreenshots/observer');
      _instance = DisableScreenshots.private(methodChannel, eventChannel);
    }
    return _instance!;
  }

  

  final MethodChannel _methodChannel;
  final EventChannel _eventChannel;
  Stream<void>? _onScreenShots=null;

  OverlayEntry? _overlayEntry;

  void addWatermark(BuildContext context, String watermark,
      {int rowCount = 3, int columnCount = 10, TextStyle? textStyle}) async {
    if (_overlayEntry != null) {
      _overlayEntry!.remove();
    }
    OverlayState? overlayState = Overlay.of(context);
    _overlayEntry = OverlayEntry(
        builder: (context) => DisableScreenshotsWatarmark(
          rowCount: rowCount,
          columnCount: columnCount,
          text: watermark,
          textStyle: textStyle ??
              const TextStyle(
                  color: Color(0x08000000),
                  fontSize: 18,
                  decoration: TextDecoration.none),
        ));
    overlayState?.insert(_overlayEntry!);
    // return await _methodChannel.invokeMethod<void>("addWatermark", ['我是水印']);
  }

  void addCustomWatermark(BuildContext context, Widget widget) {
    if (_overlayEntry != null) {
      _overlayEntry!.remove();
    }
    OverlayState? overlayState = Overlay.of(context);
    _overlayEntry = OverlayEntry(builder: (context) => widget);
    overlayState?.insert(_overlayEntry!);
  }

  void removeWatermark() async {
    if (_overlayEntry != null) {
      _overlayEntry!.remove();
      _overlayEntry = null;
    }
  }

  Stream<void> get onScreenShots {
    if (_onScreenShots == null) {
      _onScreenShots = _eventChannel.receiveBroadcastStream();
    }
    return _onScreenShots!;
  }

  /// 只支持安卓
  Future<void> disableScreenshots(bool disable) async {
    if (Platform.isAndroid) {
      return await _methodChannel
          .invokeMethod("disableScreenshots", {"disable": disable});
    } else {
      print('仅Android平台支持禁用屏幕截图');
    }
  }
}

class DisableScreenshotsWatarmark extends StatelessWidget {
  final int rowCount;
  final int columnCount;
  final String text;
  final TextStyle textStyle;

  const DisableScreenshotsWatarmark({
    Key? key,
    required this.rowCount,
    required this.columnCount,
    required this.text,
    required this.textStyle,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return IgnorePointer(
      child: Container(
          child: Column(
            children: creatColumnWidgets(),
          )),
    );
  }

  List<Widget> creatRowWdiges() {
    List<Widget> list = [];
    for (var i = 0; i < rowCount; i++) {
      final widget = Expanded(
          child: Center(
              child: Transform.rotate(
                  angle: pi / 10, child: Text(text, style: textStyle))));
      list.add(widget);
    }
    return list;
  }

  List<Widget> creatColumnWidgets() {
    List<Widget> list = [];
    for (var i = 0; i < columnCount; i++) {
      final widget = Expanded(
          child: Row(
            children: creatRowWdiges(),
          ));
      list.add(widget);
    }
    return list;
  }
}

使用：

初始化

waterMarkerPlugin 要创建为全局的

  // 初始化水印插件
  static  DisableScreenshots waterMarkerPlugin = DisableScreenshots();

添加水印

//添加水印
 Params.waterMarkerPlugin.addWatermark(
          context,
          '默认水印',
          rowCount: 4,
          columnCount: 8);

取消水印

  //取消水印
    Params.waterMarkerPlugin.removeWatermark();