Flutter实现切换应用时隐藏应用预览

如果您要显示敏感数据，例如。钱包金额，或者只是当登录表单显示插入的密码清晰时（想想眼睛图标..），当您不在应用程序中时，您必须隐藏敏感数据。

许多应用程序已经这样做了，无论是在 Android 还是 iOS 上。

今天我们将看看如何在不使用任何包的情况下完成这项任务，并自己编写所有代码。别担心，这很容易。

因此，请继续了解当您从一个应用切换到另一个应用时如何隐藏应用预览。

开始使用

现在，让我们开始编码吧！

创建一个新的基本 Flutter 应用程序。（我想你知道该怎么做^^）。

安卓

在 Android 中，这非常简单。

我们只需要将MainActivity.kt更新到您的 android 原生项目中，只需在* *onCreate**方法中添加一行代码。

因此，在 Android Studio 中打开 Android 模块。

然后，打开MainActivity.kt类

并粘贴以下代码：

package com.example.flutter_3
​
import android.os.Bundle
import android.view.WindowManager
import io.flutter.embedding.android.FlutterActivity
​
class MainActivity: FlutterActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        window.setFlags(
            WindowManager.LayoutParams.FLAG_SECURE,
            WindowManager.LayoutParams.FLAG_SECURE,
        )
    }
​

}

此代码在我们的应用程序中启用了几个与安全相关的功能。例如。现在将无法在整个应用程序中截取屏幕截图。该功能广泛应用于金融科技领域。 但最重要的是，启用本文的客观功能，即在我们切换应用时隐藏预览应用。

现在您可以返回到 Flutter 项目并在 Android 设备/模拟器上运行该应用程序。

Android 上的行为

iOS

在 iOS 端，要获得相同的行为，我们必须编辑AppDelegate.swift文件。

通过添加以下 2 个方法来编辑类：

现在，您的课程如下所示：

import UIKit
import Flutter
​
@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    GeneratedPluginRegistrant.register(with: self)
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
​
  // Hide your app's preview window

当你运行应用程序时，你会得到类似的东西：

结论

安全性是我们应用程序的一个重要方面，永远不应低估。几行代码可以避免向我们身边的人显示敏感信息，从而改善用户体验。例如，我正在考虑钱包余额或图片库。我认为在收集用户的文档或个人信息的所有情况下使用此功能是一个好主意。

到此这篇关于Flutter实现切换应用时隐藏应用预览的文章就介绍到这了,更多相关Flutter隐藏应用预览内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • Android用动画显示或隐藏视图

    目录 一.需求背景 二.创建淡入淡出动画 1.创建布局文件 2.设置淡入淡出动画 3.代码实现 总结 一.需求背景 有时候,我们需要在屏幕上显示新的信息,同时移除旧的信息,一般情况下我们通过VISIBILITY或者GONE来对需要显示或者隐藏的视图进行设置,这样做的坏处是显示或者隐藏的动作变化非常突兀,而且有时候变化很快导致用户无法注意到这些变化.这时就可以使用动画显示或者隐藏视图,通常情况下使用圆形揭露动画,淡入淡出动画或者卡片反转动画. 二.创建淡入淡出动画 淡入淡出动画会逐渐淡出一个Vie

  • Flutter 全局点击空白处隐藏键盘实战

    老孟导读:为什么要实现点击空白处隐藏键盘?因为这是 iOS 平台的默认行为,Android 平台由于其弹出的键盘右上角默认带有关闭键盘的按钮,所以点击空白处不会隐藏键盘. 对于单个页面来说,通过为 TextField 添加 focusNode,点击空白处时使 TextField 失去焦点,实现如下: class DismissKeyboardDemo extends StatelessWidget { final FocusNode focusNode = FocusNode(); @overr

  • Android 隐藏及切换显示键盘

    Android中隐藏显示键盘操作: 隐藏键盘: /** * 隐藏软键盘 */ public static void hideSoftInputMethod(Activity act) { View view = act.getWindow().peekDecorView(); if (view != null) { // 隐藏虚拟键盘 InputMethodManager inputmanger = (InputMethodManager) act .getSystemService(act.I

  • Android虚拟导航键的显示隐藏实例

    代码如下: package test.lb.com.myapplication; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.Button; public class MainActivity extends Activity implements View.OnClickListener{ boolean isnight = fals

  • 详解Flutter点击空白隐藏键盘的全局做法

    开发原生页面的时候,在处理键盘事件上,通常的需求是,点击输入框外屏幕,要隐藏键盘,同样的,这样的需求也需要在 Flutter 上实现, Android 上的实现方式是在基类 Activity 里实现事件分发,判断触摸位置是否在输入框内. /** * 获取点击事件 */ @CallSuper @Override public boolean dispatchTouchEvent(MotionEvent ev) { if (ev.getAction() == MotionEvent.MotionEv

  • android实现动态显示隐藏进度条

    本文实例为大家分享了android实现动态显示隐藏进度条的具体代码,供大家参考,具体内容如下 调用 ProgressUtil.startProgress(this, new ProgressUtil.ICallback() { @Override public void progress(int count) { LogUtil.d(count + "%"); } }); ProgressUtil package com.coral3.common_module.utils; impo

  • Flutter实现切换应用时隐藏应用预览

    Flutter实现切换应用时隐藏应用预览

    如果您要显示敏感数据,例如.钱包金额,或者只是当登录表单显示插入的密码清晰时(想想眼睛图标..),当您不在应用程序中时,您必须隐藏敏感数据. 许多应用程序已经这样做了,无论是在 Android 还是 iOS 上. 今天我们将看看如何在不使用任何包的情况下完成这项任务,并自己编写所有代码.别担心,这很容易. 因此,请继续了解当您从一个应用切换到另一个应用时如何隐藏应用预览. 开始使用 现在,让我们开始编码吧! 创建一个新的基本 Flutter 应用程序.(我想你知道该怎么做^^). 安卓 在 An

  • 基于jquery实现图片上传本地预览功能

    当我们在上传文件时如果每次都要上传到服务器才可以预览这个做看上合理其实是不合理的,如果网速慢或图片有问题,这样不但浪费客户时间同时也浪费服务器资源了,下面我们介绍利用js上传图片时本地实现预览,希望此方法对各位有所帮助哦. 一.原理 分为两步: 当上传图片的input被触发并选择本地图片之后获取要上传的图片这个对象的URL(对象URL): 把对象URL赋值给事先写好的img标签的src属性即可把图片显示出来. 在这里,我们需要了解Javascript里File对象.Blob对象和window.U

  • jquery入门—数据删除与隔行变色以及图片预览

    jquery入门—数据删除与隔行变色以及图片预览

    1.功能需求:表格中数据隔行变色.删除数据.全选删除.鼠标移动到图片时显示图片预览 2.示例代码如下: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 数据管理 </TITLE> <META NAME="Generator" CONTENT="Edi

  • 如何给Flutter界面切换实现点特效

    如何给Flutter界面切换实现点特效

    背景 我们知道页面之间如果直接切换,会比较生硬,还会让用户觉得很突兀,用户体验不是很好. 因此一般情况下,页面之间的切换为了达到平滑过渡,都会添加动画. 另外,有时候我们不喜欢系统的默认动画,希望能够自定义动画. 基于此,本篇主要讲述如何给 Flutter 的页面切换增加自定义动画. 默认效果 首先我们看看默认效果是怎样的? 看起来似乎还不错.代码如下: import 'package:flutter/material.dart'; void main() => runApp(MaterialA

  • 浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法

    在编写PHP文件过程中,发现在浏览器预览PHP文件时,顶部会出现一行空白,影响了页面的布局. 关于BOM header的解释如下: 通常情况下,使用Windows系统自带的记事本程序编写网页程序,但在编写或修改php博客系统代码后,进行调试时总是会出现如同以下几点问题: –不能登入或者不能登出: –页顶出现一条空白: –页顶出现错误警告: –其它不正常的情况. 分析原因: 由于使用UTF-8编码,在编写或修改代码后都保存为utf-8编码格式.虽然现在几乎所有的文本编辑软件都可以显示并编辑UTF-

  • Vue切换div显示隐藏,多选，单选代码解析

    切换div显示隐藏 1)单个item下的部分dom结构,显示或隐藏切换,不会修改其它同级dom的显示/隐藏 template dom结构 <div class="list-item" v-for="(list,index) in jobList"> <p class="job-name">{{list.jobName}}</p> <p class="job-info"> <

  • flutter实现切换页面缓存

    本文实例为大家分享了flutter实现切换页面缓存的具体代码,供大家参考,具体内容如下 一.实现底部导航栏切换页面缓存 实现底部导航栏切换页面缓存需要在pubspc.yamal中导入proste_indexed_stack插件,这个插件可以实现懒加载,比起使用IndexedStack包裹body实现,性能更好. dependencies: #懒加载的层叠组件 proste_indexed_stack:  //不加版本号可获取最新版本 实现底部导航切换页面缓存只需将body用ProsteIndex

  • 使用vue+element ui实现走马灯切换预览表格数据

    使用vue+element ui实现走马灯切换预览表格数据

    目录 1. 需求分析 2. 效果演示 3. 代码实现 3.1 table.json 3.2 HTML 代码 3.3 Script 代码 总结 1. 需求分析 有这样一个 json 文件(table.json),里面包含有多组需要展示的表格数据,需求就是需要将这些数据进行展示,并且能快速查看不同的数据,由于数据过多,不能一个表格一个表格的进行展示,所以找了一个比较合适的方法,就是通过走马灯将所有数据进行渲染,当切换走马灯时,再展示对应的数据. 2. 效果演示 3. 代码实现 3.1 table.j

  • Flutter中使用setState时的6个简单技巧总结

    Flutter中使用setState时的6个简单技巧总结

    目录 前言 setState 有什么用? 技巧 1:保持## widgets小! 技巧 2:不要在构建方法中调用 setState 技巧 3:不要在 initState 方法中调用 setState 技巧4:setState()和setState(...)是相等的 技巧 5:setState(...) 代码必须很小 技巧 6:setState(...) 代码不能是异步的 结束 前言 setState 函数是在 Flutter 应用程序中管理状态的最基本方法.以下是一些保持应用可维护性的最佳实践.

随机推荐