目标在 Windows 下，搭建 Flutter 运行的 Android 的环境。 详情参考：https://flutter.dev/基础环境Git Flutter 依赖Git 命令行工具如果未安装 Git for Windows，请先安装； 如果已安装 Git for Windows，请确保命令提示符或 PowerShell 中可运行 git 命令VS Code 首先安装 VS Code 编辑器
转载
2024-06-13 16:50:49
56阅读
对于 iPhone 8 和以往的 iPhone，由于屏幕规规整整的矩形，安全区就是整块屏幕。但自从苹果手机 iphoneX 发布之后，前端人员在开发移动端Web页面时，得多注意一个对 IOS 所谓安全区域范围的适配。这其实说白了就是 iphoneX 之后的苹果手机，在页面上，你需要对顶部和底部多预留一点空间。造成这个问题的主要原因就是苹果手机在屏幕上出现了所谓的刘海屏，而且更是在屏幕下方加了一条小
转载
2023-08-17 16:30:33
485阅读
防火墙安全区域及安全策略配置 一、学习目的掌握防火墙安全区域的配置方法掌握安全策略的配置方法 二、拓扑图 三、场景你是公司的网络管理员。公司总部的网络分成了三个区域，包括内部区域（trust),外部区域（untrust）和服务器区域（DMZ）。你设计通过防火墙来实现对数据的控制，确保公司内部网络安全，并通过DMZ区域对外
转载
2023-07-14 20:54:27
273阅读
# Flutter iOS 安全区域实现指南
## 简介
在 Flutter 中，iOS 设备的屏幕上有一些被称为安全区域（SafeArea）的区域，用于避免内容被遮挡，这些区域通常包括顶部的状态栏和底部的虚拟按键。在布局时，我们需要将内容限制在安全区域内以确保良好的用户体验。
本文将指导你如何在 Flutter 中实现 iOS 安全区域的适配。
## 步骤概览
下面的表格简要列出了实现 i
原创
2023-09-25 08:51:50
308阅读
# Flutter iOS底部安全区的使用
在移动开发中，尤其是在iOS设备的应用设计中，了解安全区（Safe Area）的概念是至关重要的。安全区是指应用内容应该显示的区域，以确保其不被设备的物理特征（如刘海、圆角、底部手势条等）遮挡。在Flutter中，使用`SafeArea`小部件可以很方便地处理这个问题。然而，很多开发者在实际项目中并未完全理解这个概念，导致用户体验不佳。本篇文章将深入探
原创
2024-09-11 04:46:11
136阅读
iPhoneX安全区域引发的问题(Safe Area)瞧一瞧LeetCode题解：Gitbook版本传送门
前端笔记：Gitbook传送门
目录什么是安全区域？预留出Home Indicator指示条简单总结一、什么是安全区域？最近正在开发小程序相关的需求时，遇到了一个问题——ios高版本的安全区域，即iPhoneX及以上拥有的“刘海儿”等可滑动区域会与你开发的内容重合。 幸运的是，在小程序上我们
转载
2023-10-02 10:56:54
513阅读
一. 前言：苹果手机从iphoneX之后，屏幕顶部都有一个齐刘海，iPhoneX 取消了物理按键，改成底部小黑条，如果不做适配，这些地方就会被遮挡，所以本文记录一下齐刘海与底部小黑条的适配方法。二. 知识点学习1）viewport-fit iOS11 新增特性，苹果公司为了适配 iPhoneX 对现有 viewport meta 标签的一个扩展，用于设置网页在可视窗口的布局方式，可设置三个值：co
转载
2023-12-07 13:25:00
382阅读
iPhone X及以上机型底部存在底部指示条，指示条的操作区域与页面底部存在重合，容易导致用户误操作， 解决方案：一、在index.html中的head中添加如下代码<!-- 在 head 标签中添加 meta 标签，并设置 viewport-fit=cover 值 -->
<meta
name="viewport"
content="width=d
转载
2023-07-24 23:27:15
499阅读
摘要最近公司准备做一个安全级别比较高的项目：技术总监给我们提出了一个这样子的需求:在http请求过程中，即使嗅探器捕获到网络请求的链接也无法去请求到数据。经过一番思考，觉得支付宝的签名完全符合这样子的需求。但是之前自己对签名、RSA等知识也是知道的很少，所以花了一番功夫学习了一下。本文将针对RSA登录和http请求作讲解，希望对大家有所帮助。一.登录、登录保持（http请求）登录机制登录机制大概可
# iOS 顶部安全区域适配指南
在开发 iOS 应用时，适配顶部的安全区域是非常重要的一个步骤，尤其是考虑到 iPhone X 及后续机型具有刘海屏。在本文中，我们将详细介绍如何实现 iOS 顶部安全区域适配，帮助新手开发者轻松应对。
## 流程图
以下是适配顶部安全区域的整体流程图：
```mermaid
flowchart TD
A[了解安全区域] --> B[创建界面]
原创
2024-10-17 10:49:05
421阅读
# Flutter iOS底部安全区域实现
## 简介
在Flutter开发中，为了适应不同的屏幕尺寸和设备类型，我们需要处理iOS设备底部的安全区域。原因是iPhone X及后续机型具有圆角和刘海屏设计，因此底部的一部分内容可能会被遮挡。本文将向你介绍如何在Flutter中实现iOS底部安全区域的适配。
## 实现步骤
下面是实现iOS底部安全区域的基本步骤：
| 步骤 | 描述 |
|
原创
2023-08-10 12:12:04
1765阅读
# Flutter判断iOS安全区域
在开发跨平台应用时，确保内容在不同设备上显示的正确性和一致性至关重要。尤其是在iOS设备上，安全区域的管理尤为重要，因为不同的设备型和屏幕尺寸导致了不同的安全区域。遵循Apple的人机界面指南，避免将界面元素放置在状态栏或屏幕边缘，便于用户的交互和视觉体验。本文将介绍如何在Flutter中判断iOS的安全区域，并提供代码示例。
## 什么是安全区域？
安
权限适配动态权限的配置是Android6.0最先开始的，也是Android系统对开发者影响最深最大的改动之一；权限适配三连问问：是否Android6.0所有权限都需要动态申请 答：不是，只有危险权限才需要申请； 问：危险权限有哪些？ 答：见下面危险权限说明； 问：危险权限是否需要一个一个申请？ 答：在Android6.0~8.0不需要，如果应用在运行时请求权限并且被授予该权限，系统会错误地将属于同
转载
2024-07-20 23:24:10
22阅读
移动开发中，几乎所有的iOS应用程序都会用到iOS的网络API。从抽象程度来看，依次是URL加载系统，Foundation的NSStream接口和Core Core Foundation CFStream接口。从iOS9.0开始，从安全层面考虑，苹果官方开始强制应用使用https，未使用的也要给出具体说明，否则会有下架或则应用审核无法通过的风险。对于未越狱的iOS设备来说，AppStore和苹果的
iOS11 系统发布后,UIView多了几个与安全区域相关的属性和方法,用于界面适配,如:safeAreaInsets、safeAreaLayoutGuide、insetsLayoutMarginsFromSafeArea,以及safeAreaInsetsDidChange方法,初看到这些时我眼花缭乱,不知其存在的意义何在.扪参历井仰胁息，以手抚膺坐长叹.这特么到底怎么用啊???经过不懈的努力,阅
转载
2023-10-01 16:14:40
1513阅读
安全区域(Safe Area) 在iOS11以前, 自定义UIViewController时, 从来没有考虑过topLayoutGuide和bottomLayoutGuide这两个属性.但是在iOS11出来之后,这两个属性被废弃,取而代之的就是safeArea的概念，safeArea是描述你的视图部分不被任何内容遮挡的方法。 它提供两种方式：safeAreaInsets或safeAreaLayo
转载
2024-06-13 20:43:46
500阅读
写在前面在 Flutter 的项目中，有时会用到 Android 上的一个叫点9图的东西。点9图是一种可以让我们在设定的某个方向上，对图片的某部分进行拉伸。就我目前所知，Flutter 上对点9图的支持跟 Android 上的有一些区别。Flutter 是在我们确定点9图的中心区域后，它会自动去拉伸水平方向和竖直方向。似乎如果图片是比较规范的图形的话，普通图片也是可以。内容在 Flutter 上，
转载
2023-06-09 08:39:14
430阅读
之前已经讲解了 Flutter 所有基础的知识点，本课时介绍如何保证组件代码的质量，以此来确保我们在代码开发过程中或者在重构过程中的代码质量。单元测试单元测试的概念是针对程序中最小单位来进行校验的工作，在 Flutter 中最小的单位是组件。由于我们扩展了一些模块比如 Model（Provider）、Struct（数据结构部分），因此这里也需要介绍下这两部分的单元测试。目录结构为了保持一致性，我们
转载
2023-10-05 22:14:28
164阅读
一. 前言本文的出发点是对iOS设备的适配, 我们之前的适配只是考虑设备的尺寸, 设备的方向, 而在iPhoneX出来之后呢, 我们又多了一种考量, 那就是刘海和底部横条(HomeIndicator), 我们通过UIKit11.0之后新增的API来解决这个问题, 达到不同设备尺寸, 不同设备方向的完美适配. 二. 之前的做法 注: 该方法只适用于设备的竖屏, 如果是横屏就会出现
转载
2023-09-13 22:30:46
336阅读
文章目录写在前面内容先从异常的例子讲起Zonemain参数zoneValueszoneSpecification修改 print 行为修改 run 的行为修改注册回调onError 写在前面在《Flutter 实战》这本书里的 Flutter异常捕获 一节，讲到了如何对异步异常进行捕获，里面就提到了用 Zone 来做处理。Zone表示一个代码执行的环境范围，为了方便理解，读者可以将Zone类比为
转载
2023-12-21 10:02:29
77阅读
