SwiftUI 当键盘出现时避免TextField被遮挡自动向上移动

最新推荐文章于 2024-06-20 09:40:07 发布
最新推荐文章于 2024-06-20 09:40:07 发布
阅读量2.3k 收藏 1
点赞数 1
分类专栏： SwiftUI源码大全
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iCloudEnd/article/details/104424054
版权
本文介绍了如何在SwiftUI中处理键盘弹出时TextField被遮挡的问题，通过创建一个包裹视图并在键盘显示/隐藏时响应，避免TextField移动。解决方案包括使用ScrollView以防止顶部文本框被挡住，并提供了项目代码链接和SwiftUI技术交流群信息。

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

如果您遇到了上面的问题，那恭喜您！您现在应该已经过了新手期，正式进入了成为了一名iOS开发者。开发者每遇到一个问题，就像到于遇到一个怪兽，干掉这个”野“，您的经验值会上涨一大截。

阅读本文您的收获

  • 学会创建一个可以包裹其他View的View
  • 学会响应键盘弹出与隐藏的事件
  • 学会使用ScrollView

最终效果

 
41085-89f3b0ac1b510f72.gif
TextField自动向上移动

问题介绍

在我的主要内容视图中有七个文本字段。当用户打开键盘时，某些 TextField 隐藏在键盘框架下。如何键盘出现时分别向上移动所有 TextField呢？

下面是有问题的代码

struct DemoTF01 : View {
    @State var textfieldText: String = ""
    
    var b
了解本专栏 订阅专栏 解锁全文 超级会员免费看
SwiftUI 2 TextField新功能支持自动适应键盘避免遮挡(教程含源码)
iCloudEnd的博客
07-24 1161
实战需求 TextField最大的问题就是键盘遮挡bug，xcode12 beta3的更新给我们带来了新特效。现在 TextField开始支持自动适应键盘避免遮挡。 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 简单方式实现自动适应键盘 支持点击空白处隐藏键盘 代码 1、原生实现方法 import SwiftUI struct ContentView: View { @State var text = "" var body: some View {
SwiftUI Button 基础教程
iCloudEnd的博客
06-25 909
Button 触发时执行操作的控件 struct Button<Label> where Label : View 使用教程 您可以通过提供操作和标签来创建按钮。操作是一个方法或闭包属性，当用户单击或轻触按钮时，它会执行某些操作。标签是描述按钮操作的视图，例如，通过显示文本（如取消）或图标（如后退箭头）。 Button(action: {//您的代码}) { Text("Si...
禁止UIWebView随键盘的弹起而往上滚动
weixin_30312563的博客
08-19 506
问题:当UIWebView中的html有输入框,点击输入框，UIWebView会随键盘的弹起而整体往上移动,收起键盘后,UIWebView无法回到原来的位置; 问题的原因:由于UIWebView继承的是UIScrollerView,因此,当键盘弹起时,UIScrollerView的content会整体往上移动; 解决问题的方案: 转载于:https://www.cnblog...
UITextField、UITableview随键盘弹起而上移、滑动（swift）
qq_42403042的博客
08-01 2114
1、业务场景 类似于QQ、微信的聊天框，当开始输入文字时我们会发现： 输入框（UITextField）下边界紧贴键盘上边界 消息界面（UITableView）最上面的几条聊天记录滑出视线 怎么做到的呢？ 2、实现方法 最重要的一条是要拿到键盘的高度，可以这样实现： 先在ViewController中注册通知 NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillAppear(notification
推荐：轻松应对键盘遮挡问题的 SwiftUI 库 —— KeyboardAvoider
最新发布
gitblog_00025的博客
06-20 648
推荐：轻松应对键盘遮挡问题的 SwiftUI 库 —— KeyboardAvoider 项目地址:https://gitcode.com/gh_mirrors/ke/KeyboardAvoider 在 iOS 开发中，我们经常会遇到一个问题：当用户在 TextField 中输入时，弹出的键盘往往会遮挡住部分屏幕内容。解决这个问题，我们可以利用 Michael Henry 创建的出色开源库——Key...
[SwiftUI]TextEditor自动弹出关闭键盘以及不让键盘遮挡编辑区域
Gamin
01-24 1534
代码如下，就这样点击按钮弹出一个编辑页面。编辑页面，主要就自定义导航栏和编辑器TextEditor。 编辑页面，主要就自定义导航栏和编辑器TextEditor。 1.避免导航被遮挡和键盘遮挡编辑区域 要想让TextEditor编辑时，页面不上移遮挡住导航栏，并且键盘不遮挡住输入框，我们需要将TextEditor放在滚动视图ScrollView中。 注意：不要使用.edgesIgnoringSafeArea修饰符，忽略安全区域后TextEditor在编辑时，键盘不会自动将ScrollView撑高，这样键盘
IOS解决键盘挡住UITextView的方法
xiaoji94shen的专栏
02-19 1232
想要解决这个问题，首先了解一些通知（notifications） 1.UIKeyboardWillShowNotification 当键盘准备显示的时候会发出这个通知，只要是可编辑的原件都有效 2.UIKeyboardDidShowNotification键盘完全显示后发出这个通知 3.UIKeyboardWillHideNotification键盘消失准备离开我们的视野的时候发出
iOS键盘遮挡输入框
05-14
例如，当键盘将要出现时，可以将输入框向上移动，使其不被键盘遮挡；当键盘将要隐藏时，再将输入框恢复到原始位置。 ```swift NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow...
SwiftUI Scene 基础使用(教程含代码)
iCloudEnd的博客
06-25 1044
Scene 应用程序用户界面的一部分，其生命周期由系统管理 protocol Scene 使用教程 您可以通过在应用程序主体中组合一个或多个符合Scene协议的实例来创建应用程序。您可以使用SwiftUI提供的原始场景（例如WindowGroup）以及由其他场景组成的自定义场景。要创建自定义场景，请声明一个符合Scene协议的类型。实现所需的主体计算属性并为您的自定义场景提供内容： struct...
SwiftUI onReceive 基础教程
iCloudEnd的博客
06-24 1769
onReceive(_:perform:) 添加此视图检测到给定发布服务器发出的数据时要执行的操作。 func onReceive<P>(_ publisher: P, perform action: @escaping (P.Output) -> Void) -> some View where P : Publisher, P.Failure == Never pu...
iOS开发中防止键盘挡住UITextField解决方案
01-31
最近转入ios开发，发现ios的UITextField如果在屏幕的最底部的时候，键盘不能自动的调整界面的布局，需要手动的调整位置才可以，所以自己研究和拿着笔话，想写一个通用的方法来实现每一个界面自动适配键盘的位置，这样的话，不用每一个界面去操作界面的位置了，具体的解决方案如下：1.先创建一个UIViewController这个UIViewController作为父类，让以后的每一个界面继承这个界面，在这个界面里面实现一个委托，代码如下：2.在这个BaseViewCOntroller.m文件中，现实UITextFieldDelegate中的两个方法，textFieldDidBeginEdi
ios 解决键盘挡住UITextField的问题
小伞的窝
10-17 728
在IOS开发中，如果输入框
避免scrollview内部控件输入时被键盘遮挡，监听键盘弹起，配合做滚动
weixin_30544657的博客
06-14 236
1，监听键盘 2，根据当前键盘弹起高度与控件的底部位置计算滑动距离 3，根据滑动距离在键盘弹起和隐藏是分别设置动画完成滑动 实现： 1，监听键盘使用 #pragma mark - 键盘监听-(void)AddObserverForKeyboard{ [[NSNotificationCenter defaultCenter] addObserver:self s...
swift 5 中键盘遮挡输入框的解决办法
qq_15509071的博客
02-13 1169
自定义输入框，检测键盘高度及开始编辑，结束编辑事件，达到自动升降输入框不被键盘遮挡 YYYSwiftTextField.swift // // YYYSwiftTextField.swift // YYYSwiftProductTh // // Created by YYY on 2021/2/5. // import UIKit class YYYSwiftTextField: UITextField, UITextFieldDelegate { var keyboa...
弹出软键盘时，不把activity整体往上移，只移动部分
weixin_30516243的博客
08-02 1302
如图，EditText在整个activity的最下方，当弹出软键盘时，如果整个activity往上移动，会导致最上面那些部分会看不见，而中间又还有这么多空白的空间，显然不合理。 为了只移动activity中的部分空间，可以将这块部分放在ScrollView中，设置ScrollView的layout_weight="1"，即让他占满空位。当弹出软键盘时，就会去移动这部分的空间了。 转载于:ht...
swift 点击Textfield 后自动上移,避免键盘被遮住
weixin_30929295的博客
07-25 344
一些textfield在键盘显示出来的时候会被挡住，所以在编辑textfield我们可以把视图上移 方法是给textfield增加两个监听事件 @IBAction func beginEdit(_ sender: UITextField) { animateViewMoving(up: true, moveValue: 100) } ...
IOS输入框聚焦会把内容区域顶起
程序员超超的博客
11-20 1615
我的最终解决思路是，既然聚焦会定顶起内容区域，那么顶起来多少，我就用空白的元素占位多少高度，这样内容就显示出来了。如果内容区域的高度大于了被顶起的高度（或者内容区域的高度多出了被顶起的高度20px之类的），那么就不需要占位了，因为这个时候肯定有内容区域的元素露出来了。本来初始情况会有默认的两条聊天记录，但是当点击底部的输入框时，输入框聚焦，弹起键盘，然后整个界面就被顶上去了，然后那两条默认的聊天记录也被顶上去了，导致整个页面没内容了。方法时需要一个特定的html结构的，需要这样的结构。
iOS TextField输入框点击键盘时随着键盘上移
恐高的菜鸟
07-15 912
-(void)textFieldDidBeginEditing:(UITextField *)textField {     CGRect frame = textField.frame;     int offset = frame.origin.y + 70  - (self.view.frame.size.height - 216.0);//iPhone键盘高度216，iPad
swift 拖动按钮_Swift 3 iOS弹出键盘时让文本输入框往上移动
weixin_39989215的博客
12-22 410
在iOS点击输入框时，为了避免输入框被键盘覆盖，可以让输入框所在的控件往上移动。Swift3代码示例funcanimateTextField(textField:UITextField,up:Bool){letmovementDistance:CGFloat=-130letmovementDuration:Double=0.3varmovement:CGFloat=0...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知识大胖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值