Flutter笔记:Widgets Easier组件库-使用隐私守卫

Flutter笔记
Widgets Easier组件库:使用隐私守卫

- 文章信息 - Author: 李俊才 (jcLee95)
Visit me at CSDN: https://jclee95.blog.csdn.net
My WebSitehttp://thispage.tech/
Email: 291148484@163.com.
Shenzhen China
Address of this article:https://blog.csdn.net/qq_28550263/article/details/139061840
HuaWei:https://bbs.huaweicloud.com/blogs/427696

组件库地址

  • Pub.Dev:https://pub.dev/packages/widgets_easier
  • GitHub:https://github.com/jacklee1995/widgets_easier

【介绍】:本文介绍Flutter Widgets Easier组件库中隐私守卫及其用法。

flutter-ljc


1. 概述

1.1 关于Widgets Easier

本库是一个 Flutter 组件库,旨在提供用于Flutter开发的组件,使得开发者能够更简单地构建出更丰富地界面效果。项目地址为:

  • https://github.com/jacklee1995/widgets_easier

  • https://pub.dev/packages/widgets_easier

1.2 模块安装

在你的Flutter项目中,运行下面的命令:

flutter pub add widgets_easier

即可安装最新版本的 Widgets Easier 库。

2. 隐私守卫

隐私保护组件PrivacyGuard用于保护一些页面信息不被截屏和泄露。在一些场景下,我们需要对页面做一些保护处理。比如用户输入密码时,我系需要禁止截屏录屏,而用户离开页面时,也可能需要对页面实现一个模糊化的效果。这是比价常用的功能,但是对话禁止录屏等操作Flutter没有直接的接口,每次都些通信实现这样一个简单组件比较麻烦。因此widgets Easier 针对于AndroidiOS进行了封装,直接以单子部件的形式提供使用。PrivacyGuard部件的签名如下:

const PrivacyGuard({super.key,required this.child, // 被保护的子组件this.blurRadius = 10.0, // 模糊半径this.blurColor = const Color.fromARGB(136, 225, 225, 225), // 模糊颜色this.onEnterPrivacyMode, // 离开页面时的回调this.onExitPrivacyMode, // 回到页面时的回调this.preventScreenshot = false, // 是否禁止截屏
});

下面的代码展示了一个被PrivacyGuard所守卫的登录页面:

import 'package:flutter/material.dart';
import 'package:widgets_easier/widgets_easier.dart';class GuardedPage extends StatelessWidget {const GuardedPage({super.key});Widget build(BuildContext context) {return PrivacyGuard(preventScreenshot: true,onEnterPrivacyMode: () => print('onEnterPrivacyMode'),onExitPrivacyMode: () => print('onExitPrivacyMode'),child: SafeArea(child: Scaffold(appBar: AppBar(title: const Text('登录页面'),),body: Padding(padding: const EdgeInsets.all(16.0),child: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: [const Text('守卫登录页',style: TextStyle(fontSize: 24.0,fontWeight: FontWeight.bold,),),const SizedBox(height: 32.0),const TextField(decoration: InputDecoration(labelText: '账户',border: OutlineInputBorder(),),),const SizedBox(height: 16.0),const TextField(decoration: InputDecoration(labelText: '密码',border: OutlineInputBorder(),),obscureText: true,),const SizedBox(height: 16.0),ElevatedButton(onPressed: () {// 登录逻辑},child: const Text('登录'),),],),),),),),);}
}

页面的大致效果如下:

在这里插入图片描述

在这里插入图片描述

3. 问题报告和代码贡献

问题报告

您可以在该项目的 GitHub 页面上提供反馈或报告问题。如果您觉得这个库缺少某个功能,请创建一个功能请求。在提交前,请先检查是否已又类似问题。

代码贡献

请将此仓库Fock到您的账户中,修改后rebase再PR到dev分支。建议提交信息格式为:

type(scope): info about commit.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/14502.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

实战演练:一文教你将交换机纳入K8s,对容器进行纳管

随着云计算的发展和云原生应用的兴起,容器技术成为一种流行的应用部署和管理方式。容器化应用程序具有轻量、可移植和可扩展的特点,能够快速部署和运行在不同的环境中。Kubernetes作为一个容器编排平台,为云原生应用的部署、管理和自动化提供…

Qt官方示例---embedded

digiflip flickable flightinfo lightmaps raycasting styleexample

什么是流量医美?

流量医美是一个结合了流量经济和医美产业的新兴概念。要理解流量医美,您可以从以下几个方面入手: 流量经济: 定义:流量经济指的是通过吸引和管理互联网用户流量(即访问量)来获取经济利益的模式。特点&#…

华为OD机试:36 学校的位置

package a_od_test;import java.util.Arrays; import java.util.Scanner;/* 学校的位置 题目描述为了解新学期学生暴涨的问题,小乐村要建立所新学校, 考虑到学生上学安全问题,需要所有学生家到学校的距离最短。 假设学校和所有学生家都走在一条直线之上,请问学校建立…

@RequestBody注解

RequestBody注解 扩展: http报文会包含四部分,第一部分是请求行,第二部分是请求头,第三部分是空行,第四部分是请求体。 对于POST之类的请求来说,它主要是用来传输数据的,它的参数主要是写在请求…

软考高级系规与高项,哪个更好考?

系规难度要小一些,但学习资源较少;高项难度大一些,但学习资源较多,二者各有优缺点。 偏管理方向考虑高项,偏运维方向考虑系规;没有计算机基础和相关经验,选择高项会更容易理解知识点&#xff1…

JAVA开发 基于最长公共子序列来计算两个字符串之间的重复率

计算两个字符串之间的重复率 最长公共子序列实现代码 最长公共子序列 基于最长公共子序列(Longest Common Subsequence, LCS)的重复率的中心逻辑是首先找到两个或多个序列中同时出现的、不一定连续但保持相对顺序的最长子序列,然后计算这个最…

如何使用Unity XR Interaction Toolkit

使用环境: Unity2021.3.21f XR Interaction Toolkit v3.0.0 各类函数可用的: 简单项目配置: 第一步,导包(samples可以不用导这么多,两个就够了): 第二步,构建场景&a…

【ZYNQ】GPIO 与 AXI GPIO

在嵌入式开发中,GPIO 是最常见的外设。GPIO 是 General Purpose I/O 的缩写,译为通用输入/输出。GPIO 用于连接外部设备,例如按键、传感器等,实现数字信号的输入或输出功能。本文主要介绍 Zynq GPIO 的基本概念,并对比…

SpringBoot 实现私钥解密 前端的公钥加密内容

目录 一、前端公钥加密 二、后端私钥解密 一、前端公钥加密 Nextjs 前端实现RSA公钥加密 JSEncrypt加载问题解决-CSDN博客 二、后端私钥解密 import javax.crypto.Cipher; import java.security.KeyFactory; import java.security.PrivateKey; import java.security.spec.…

表现层框架设计之表现层设计模式_3.MVVM模式

1.MVVM模式 MVVM模式正是为解决MVP中UI种类变多,接口也会不断增加的问题而提出的。 MVVM模式全称是模型-视图-视图模型(Model-View-ViewModel),它和MVC、MVP类似,主要目的都是为了实现视图和模型的分离,不…

深度学习之基于Yolov3的行人重识别

欢迎大家点赞、收藏、关注、评论啦 ,由于篇幅有限,只展示了部分核心代码。 文章目录 一项目简介 二、功能三、系统四. 总结 一项目简介 一、项目背景 行人重识别(Person Re-Identification,简称ReID)是计算机视觉领域…

新品:LoRa扩频调制SOC无线模块-内置ARM、工业级晶振

LoRa-STM32WLE5是思为无线最新研发的一款SOC无线模块,模块主芯片采用了ST 公司的STM32WLE5芯片研发。模块采用LoRa调制,内置工业级晶振,并基于高性能的ArmCortex-m4 32位RISC核心,工作频率高达48 MHz。这个核心实现了一套完整的DS…

项目十二:简单的python基础爬虫训练

许久未见,甚是想念,今日好运,为你带好运。ok,废话不多说,希望这门案例能带你直接快速了解并运用。🎁💖 基础流程 第一步:安装需要用到的requests库,命令如下 pip inst…

初始化是什么

定义 初始化(Initialization)是指在计算机科学和软件开发中,将系统、变量、对象或其他可用组件设置为其初始状态或初始值的过程。这通常是在程序开始执行或组件第一次使用之前进行的,以确保其处于可预测和稳定的状态。 初始化的…

844. 比较含退格的字符串

给定 s 和 t 两个字符串,当它们分别被输入到空白的文本编辑器后,如果两者相等,返回 true 。# 代表退格字符。 注意:如果对空文本输入退格字符,文本继续为空。 示例 1: 输入:s "ab#c&quo…

Vue.js组件设计原则

Vue.js组件设计原则主要遵循以下几点,以确保组件的可维护性、可复用性、清晰性和可测试性: 单一职责原则(Single Responsibility Principle, SRP): 每个组件应该只负责一个特定的功能或一组紧密相关的功能。如果一个组…

golang 连接mysql数据库

dbconfigdatastr字符串:用户名:密码tcp(ip:端口)/数据名 连接数据库的那个go文件一定要引用: _ "github.com/go-sql-driver/mysql" import ("database/sql""fmt"_ "github.com/go-sql-driver/mysql""lo…

【漏洞复现】智慧校园(安校易)管理系统 FileUpProductupdate.aspx 任意文件上传漏洞

0x01 产品简介 "安校易"是银达云创公司基于多年教育市场信息化建设经验沉淀,经过充分的客户需求调研,并依据国家"十三五”"教育信息化建设规范而推出的综合互联网教育信息化解决方案。“安校易“以物联网技术为基础,以学…

【Python小案例】Python+mysql+PyQt5健康体检报告查询

下载安装Python3.7.8 python官网:https://www.python.org/ PyQt5配置 安装PyQt5 pip install PyQt5pip install qt5_toolspytcharm创建项目 配置外部工具 QTDesigner的Arguments语句不用填 QTDesigner的Working directory语句:$ProjectFileDir$ Pyuic的Argume…