Flutter安全内容管理插件secure_content的使用

描述

secure_content 是一个Flutter插件，它允许开发者通过包裹特定的小部件（widgets）来阻止用户对这些小部件进行屏幕录制或截图。此功能在Android和iOS上均有效，并且正在开发中以添加更多特性。

特点

• 保护屏幕内容：防止屏幕内容被截屏或录制。
• 跨平台支持：适用于Android和iOS。
• 开发中：持续改进中，未来将引入更多功能。

安装

1. 添加依赖

编辑你的 pubspec.yaml 文件，加入以下内容：

dependencies:
  secure_content: ^1.0.0

2. 安装包

可以通过命令行安装：

• 使用 pub:

  pub get
  

• 或者使用 flutter:

  flutter pub get
  

3. 导入库

在Dart代码中导入：

import 'package:secure_content/secure_content.dart';

示例代码

下面是一个完整的示例应用，演示了如何使用 SecureWidget 来保护页面内容不被截屏或录制。

import 'dart:ui';

import 'package:flutter/material.dart';
import 'package:secure_content/secure_content.dart';
import 'package:fluttertoast/fluttertoast.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Secure Content Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: DefaultHome(title: 'Home Page'),
    );
  }
}

class DefaultHome extends StatelessWidget {
  final String title;

  DefaultHome({required this.title});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text('You can take screenshot on this page.'),
            TextButton(
              onPressed: () => Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => MyHomePage(title: title)),
              ),
              child: const Text("Go to secure page"),
            ),
          ],
        ),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  MyHomePage({required this.title});

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Secure Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            SizedBox(
              width: MediaQuery.of(context).size.width * 0.7,
              child: const Text(
                'You cannot take screenshot on this page, as the bottom text is wrapped with SecureWidget.',
                textAlign: TextAlign.center,
              ),
            ),
            SecureWidget(
              isSecure: true,
              onScreenshotCaptured: () => Fluttertoast.showToast(
                msg: "Screenshot captured!!!",
                toastLength: Toast.LENGTH_SHORT,
                gravity: ToastGravity.CENTER,
                timeInSecForIosWeb: 1,
                backgroundColor: Colors.green,
                textColor: Colors.white,
                fontSize: 16.0,
              ),
              onScreenRecordingStart: () => Fluttertoast.showToast(
                msg: "Screenrecording started!!!",
                toastLength: Toast.LENGTH_SHORT,
                gravity: ToastGravity.CENTER,
                timeInSecForIosWeb: 1,
                backgroundColor: Colors.red,
                textColor: Colors.white,
                fontSize: 16.0,
              ),
              onScreenRecordingStop: () => Fluttertoast.showToast(
                msg: "Screenrecording stopped!!!",
                toastLength: Toast.LENGTH_SHORT,
                gravity: ToastGravity.CENTER,
                timeInSecForIosWeb: 1,
                backgroundColor: Colors.red,
                textColor: Colors.white,
                fontSize: 16.0,
              ),
              builder: (context, onInit, onDispose) => Text(
                '$_counter',
                style: Theme.of(context).textTheme.headlineMedium,
              ),
              overlayWidgetBuilder: (context) => BackdropFilter(
                filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
                child: const SizedBox(),
              ),
              appSwitcherMenuColor: Colors.pink,
              protectInAppSwitcherMenu: true,
            ),
            TextButton(
              onPressed: () => Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => EmptyHome(secure: true)),
              ),
              child: const Text("Go to any other page"),
            ),
            TextButton(
              onPressed: () => Navigator.pushReplacement(
                context,
                MaterialPageRoute(builder: (context) => EmptyHome(secure: false)),
              ),
              child: const Text("Go to any other page (replace)"),
            )
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}

class EmptyHome extends StatelessWidget {
  final bool secure;

  EmptyHome({required this.secure});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(secure ? 'Secure Page' : 'Unsecure Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            SizedBox(
              width: MediaQuery.of(context).size.width * 0.7,
              child: Text(
                secure
                    ? 'This page is also secured, as the widget still exists in the widget tree. But instead of pushing if you had replaced the previous page, it would have become unsecured.'
                    : 'You can take screenshot on this page, as the widget has been removed from the tree.',
                textAlign: TextAlign.center,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

注意事项

• SecureWidget 应该是您想要保护的应用程序根组件或其子组件。
• 您可以在官方文档中查看更详细的例子和API说明。

希望这个指南能帮助你在项目中成功集成 secure_content 插件！如果有任何问题或者需要进一步的帮助，请随时提出。