SwiftUI中的TextEditor定位
SwiftUI中的TextEditor是一个用于显示和编辑多行文本的视图。它类似于UIKit中的UITextView。TextEditor提供了一种简单的方式来创建具有自定义样式和行为的文本编辑器。
TextEditor的主要特点和用法如下：
- 概念：TextEditor是一个可编辑的多行文本视图，可以用于用户输入和编辑文本内容。
- 分类：TextEditor属于SwiftUI框架中的视图组件，用于构建用户界面。
- 优势：
- 简单易用：TextEditor提供了一个简单的界面来编辑多行文本，用户可以轻松输入和编辑大段文本。
- 自定义样式：开发人员可以自定义TextEditor的外观和行为，以满足特定的设计需求。
- 响应式布局：TextEditor可以与其他SwiftUI视图组件进行组合，实现灵活的布局和交互效果。
- 应用场景：
- 文本编辑器：TextEditor适用于需要用户输入和编辑大段文本的应用程序，如聊天应用、笔记应用、博客编辑器等。
- 表单输入：TextEditor可以用于表单中的多行文本输入，如用户评论、文本描述等。
- 文章编辑：TextEditor可以用于编辑文章内容，包括标题、正文、段落等。
- 腾讯云相关产品：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。
- 腾讯云对象存储（COS）：提供安全可靠的对象存储服务，用于存储和管理大量的文本和文件数据。
相关链接：
请注意，以上答案仅供参考，具体的技术选型和产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
我正在尝试创建一个TextEditor列表作为SwiftUI应用程序的一部分。我希望单独的编辑器不要滚动，因为它们组成了一个更大的滚动列表。但是，当我将TextEditors添加到列表中时，它们会向下压缩，并且每个视图都可以单独滚动。有没有一个修饰符/技巧可以让TextEditor在不滚动的情况下始终适合它的文本内容，这样我就可以做到这一点？ 下面是我要做的一个最小的例子： struct ParentView: View {
var items: [Item]
var body: some View {
List(items, id: \.id) { ite
浏览 42提问于2020-08-04得票数 7
回答已采纳
我使用文本作为TextEditor顶部的占位符标签。无论我如何添加，通过ZStack或.overlay，它都会取消对TextEditor的触摸。因此，当我单击文本/占位符时，TextEditor不会激活，如果我在它周围点击，它会激活。这在下面的示例视图中是可重现的：
struct ContentView: View {
@State private var text = ""
var body: some View {
ZStack {
TextEditor(text: $text)
.p
浏览 0提问于2021-02-08得票数 0
1回答
我想知道如何在TextEditor的SwiftUI中禁用键盘中的“返回”键？
我需要一个支持多行(大约140个字符)的TextField，所以我发现我可以使用TextEditor。问题是，我无法找到如何将板上的“返回”键更改为“已完成”或简单地禁用它。
有人知道怎么做吗？
下面是一些代码：
@State var annotationText = "Say something..."
//
TextEditor(text: $annotationText)
.onReceive(annotationText.publisher.collect()) {
ann
浏览 7提问于2022-05-11得票数 0
3回答
我试图从另一个视图编辑绑定值的文本。但是文本编辑器不允许我这样做。
首先，我需要看到selectedNote.title在TextEditor中的前一个值，然后我应该能够编辑标题。
struct EditNotePageView: View {
@Binding var selectedNote: CDNoteModel!
@State var text = ""
var body: some View {
TextEditor(selectedNote.title!, text: $text)
}
}
我也试过这样做。我可以在模
浏览 4提问于2021-05-28得票数 0
回答已采纳
我希望我的TextEditors避免使用屏幕上的键盘，这样我就可以输入一些东西并看到它:)我想我对瞄准iOS 15没什么意见。我相信我在互联网上尝试过许多解决方案，比如处理键盘事件，尝试调整一些垫片/偏移等等，但这些解决方案对我都没有用。看起来文本字段根本没有这个问题(至少在iOS 15中是这样)，因为它们仍然是可见的(根据需要滚动容器视图)，即使键盘出现在屏幕上也是如此。我不知道为什么这个基本功能不是免费的..。UIKit/UITextView似乎没有开发人员的额外注意就可以工作。
那么，我需要做什么才能点击下面示例中的第三个文本编辑器(在Notes部分)，然后立即开始键入，而不必手动滚动视
浏览 9提问于2022-06-08得票数 3
? 我可以使用下面的代码禁用对TextEditor的选择和编辑： TextEditor(text: self.$content)
.allowsHitTesting(false)
.disabled(true) 但这不会影响我的光标悬停在它里面，这是我想要的。有没有办法在禁用主光标而不是选择光标的情况下将其保留在TextEditor中？ 我之所以要这样做，是因为我在TextEditor上方的ZStack中的其他视图一直都有这个选择光标，这很烦人。
浏览 47提问于2021-07-29得票数 1
回答已采纳
1回答
希望你能帮上忙。我正在尝试在iOS 14上的SwiftUI中实现纯文本的拖放。文本被从浏览器拖放到TextEditor上。文本正在被拖动，并在被拖放时出现在TextEditor中，但未调用委托函数。
如果你有任何想法或者我可以在哪里找到答案，我将不胜感激。
我的代码基本上是这样的：
import SwiftUI
struct ContentView: View {
@State private var entityText = ""
var body: some View {
VStack(alignment: .leading) {
浏览 37提问于2021-05-12得票数 0
1回答
我正在尝试创建一个不断增长的TextEditor作为聊天视图的输入。 例如，我们的目标是拥有一个可以扩展到6行的盒子。在此之后，它应该是可滚动的。 我已经设法用字符串做到了这一点，它包含换行符\n。 TextEditor(text: $composedMessage)
.onChange(of: self.composedMessage, perform: { value in
withAnimation(.easeInOut
浏览 67提问于2021-07-16得票数 3
回答已采纳
因此，我有一个TextEditor定义如下：
HStack()
{
TextEditor(text: $tvText)
.font(.custom("AppleSDGothicNeo-SemiBold", size: CGFloat(MyUserSettings.shared.fontSize)))
.autocapitalization(.sentences)
.disableAutocorrection(true)
.border(Color(UIColor(named: "DarkBrown&
浏览 6提问于2021-11-27得票数 0
回答已采纳
我是不是在下面的代码中遗漏了什么？
这个应用程序构建(macOS Monterey b5 / Xcode 13 b5)，并在iOS 15设备上完美地执行--但是在iOS 14.7设备上产生SIGABRT .
import SwiftUI
struct ContentView: View {
@State private var text = "This app causes a runtime error on ios 14.7"
@available(iOS 15.0, *)
@FocusState var isInputActive: Bool
浏览 3提问于2021-08-26得票数 9
诚然，这是一个广泛的问题，但是否可以撤消或重做文本输入(通过iOS的UndoManager?)当使用SwiftUI TextEditor控件时？我到处都找过了，也找不到任何资源来关注这个工作流组合(SwiftUI + TextEditor + UndoManager)。考虑到TextEditor的相对不成熟，我想知道这要么根本不可能，要么需要一些管道工作来帮助。如有任何指导，将不胜感激！
浏览 12提问于2020-10-30得票数 2
回答已采纳
iOS 14.4 + Xcode 12.4
我想用SwiftUI在iOS上做一个简单的核对表，其中每个项目的文本都是TextEditor。
首先，我创建了基本的应用程序结构，并用一些演示内容填充它：
import SwiftUI
@main
struct TestApp: App {
@State var alpha = "Alpha"
@State var bravo = "Bravo is a really long one that should wrap to multiple lines."
@State var charlie
浏览 2提问于2021-03-05得票数 2
回答已采纳
我有一个SwiftUI TextEditor，不像这个链接中的文本字段，当键盘从这个答案中出现时会向上移动
TextEditor不响应此键盘修饰符，并且键盘隐藏了TextEditor视图的一大块。SwiftUI TextEditor是否存在错误。我该怎么做呢？
浏览 9提问于2021-04-05得票数 1
当我在.simultaneousGesture(TapGesture().onEnded{ //code to run }) for iOS的SwiftUI中的NavigationLink上使用iOS时，代码运行良好，并打开链接。
但是，如果NavigationLink位于List中，则代码将运行，但链接不会打开。
在List NavigationLink被点击之后，但在TextEditor出现之前，还有其他方法可以运行一些代码吗？
在.onAppear上使用TextEditor是不合适的，因为我需要在TextEditor出现之前运行代码--部分原因是TextEditor重新呈现的错误，部分原
浏览 2提问于2021-03-02得票数 2
回答已采纳
我有一个包含List的TextEditor
struct ContentView: View {
@State var text: String = "test"
var body: some View {
List((1...10), id: \.self) { _ in
TextEditor(text: $text)
}
}
}
但它的项目并没有增长的高度变化的TextEditor。我已经尝试了.fixedSize()修饰符没有运气。我在这里错过了什么？
浏览 2提问于2020-06-28得票数 13
回答已采纳
我正在用一个SwiftUI视图开发一个NavigationBar。视图非常简单，它是一个完整页的TextEditor
struct NotesEditingScreen: View {
@State var text: String
var body: some View {
TextEditor(text: $text)
.padding(.horizontal)
.navigationBarTitle("Editing")
}
}
我看到的问题是，当在这个屏幕上(通过
浏览 4提问于2021-10-09得票数 1
我正在努力实现一个PreferenceKey。我读过无数篇文章，所以很明显我遗漏了一些东西。onPreferenceChange在模拟器启动时报告一次，但在滚动期间不报告。滚动更新TextEditor覆盖中的文本，但offsetCGSize属性显然从未更新过。下面是代码的简化版本：
struct SOView: View {
@State private var firstText: String = "first"
@State private var secondText: String = "second"
@State priv
浏览 3提问于2022-12-02得票数 0
我想创建一个名为prettify()的ViewModifier，我可以在不同的结构上使用它，比如TextField或TextEditor，但是我希望能够使用不同的规则，这取决于它是TextField还是TextEditor。到目前为止，这很简单。最重要的是，我希望能够将此修饰符应用于修改器层次结构中的任何位置。 假设我有 struct TextFieldModifier: ViewModifier {
func body(content: Content) -> some View {
content
.padding()
浏览 17提问于2021-09-03得票数 0
我想在textEditor中隐藏滚动指示器。支持从迅捷修饰语，uikit可能的方式在？
TextEditor(text: $context)
.foregroundColor(self.context == contextPlaceholder ? Color.grayA7 : Color.gray23)
.font(.bodyRegular)
.focused($isTextFieldsFocused)
浏览 12提问于2022-09-13得票数 0
1回答
这是我的代码：
import SwiftUI
struct SendingView: View {
//Only set when user taps "All Users"
var TargetTopic: String
//Only set when user selects specific people/groups
var UUIDTargets: Array<String> = []
//Body of the notification
@State var NotificationMessage =
浏览 3提问于2022-02-24得票数 2
回答已采纳
是否有任何方式以编程方式将光标移动到特定的文本行或在SwifUI TextEditor中选择它？
例如，如果有一个包含10行代码的TextEditor。当用户按下一个按钮时，光标将定位到第3行，或者文本将被选中。
浏览 11提问于2020-12-19得票数 11
使用iOS 15和Swift 5，我可以将标记添加到文本中，例如
Text("Regular")
Text("*Italics*")
Text("**Bold**")
Text("~Strikethrough~")
Text("`Code`")
Text("[Link](https://apple.com)")
Text("***[They](https://apple.com) ~are~ `combinable`***")
但是，它是否有可能以某种方式将其应用于TextEdito
浏览 7提问于2022-04-17得票数 1
我的应用程序中有两个TextEditor在VStack中。我希望它们中的每一个都能扩展到适合它们所包含的文本，但仍然拥抱文本。不幸的是，第一个TextEditor中的长文本相同地扩展了两个TextEditor。就好像他们所在的VStack的总高度被正确地展开了一样，但是额外的高度是由两个编辑器共享的。
只有当我在maxWidth上使用VStack时，才会发生这种情况。如果我修正宽度，它的行为是正确的。
有没有办法解决这个问题，而不失去maxWidth给出的调整大小的行为？
ScrollView {
VStack(alignment: .leading) {
浏览 17提问于2022-04-27得票数 0
回答已采纳
我有这段代码，我需要从TextEditor获得用户选择的文本。我如何在SwiftUI中做这样的事情？
struct ContentView: View {
@Binding var document: AppDocument
var body: some View {
TextEditor(text: $document.text)
.disableAutocorrection(true)
}
}
浏览 7提问于2021-12-17得票数 0
我正在使用macOS为SwiftUI创建一个基于文档的应用程序。
是否有内置样式方法来显示TextEditor的行号？
struct ContentView: View {
@Binding var document: AppDocument
var body: some View {
TextEditor(text: $document.text) // I removed a few irrelevant options.
.disableAutocorrection(true)
.font(.system(
浏览 2提问于2021-03-06得票数 3
回答已采纳
我想在我的TextEditor中有一些ForEach，然后我把这个示例代码写下来了！正如您在图像中看到的代码和结果一样，TextEditor就像一个贪婪的视图，占用了所有可用的空间！至少对我来说有很多坏处！
如果我将高度限制在一个自定义值上，那么我就失去了查看TextEditor本身的所有字符串和字符串行的可能性，而且我必须上下滚动以查看其他行，这不是我的设计！
我的目标是，TextEditor根据需要占用空间，如果我输入新的字符串行，那么它可以在高度上增长，或者如果删除字符串行，它至少可以缩小到至少1行的高度！
我想知道我该怎么做？
struct ContentView: View {
浏览 5提问于2021-08-31得票数 7
回答已采纳
我正在使用一个SwiftUI List，在List底部有一个TextEditor。当按下按钮时，TextEditor会变得活动或“聚焦”。
为了实现这一点，我向.focused添加了一个TextEditor修饰符。当List被滚动到底部，并且TextEditor是可见的时，这会像预期的那样工作，并在按下按钮时显示键盘。
但问题是，当List被滚动到顶部，而TextEditor在屏幕上不可见时，TextField似乎无法聚焦。
import SwiftUI
struct ContentView: View {
var array = Array(0...20)
浏览 5提问于2021-11-25得票数 1
回答已采纳
是否可以滚动到TextEditor的当前光标位置？
我有一个List，最后一行是TextEditor。我正在滚动到List的最后一行，以确保TextEditor位于键盘之上。
问题是，由于我已经将定位点设置为.bottom，在编辑长文本时，顶部的文本是不可见的，因为scrollView正在滚动到行的底部。
您应该能够用下面的代码重新创建这个问题。只需输入一些长文本，然后尝试在顶部编辑该文本。
import SwiftUI
struct ContentView: View {
@State var items: [String] = ["Apples",
浏览 5提问于2021-12-03得票数 4
我有一个SwiftUI List，最后一行是TextEditor。在SwiftUI中，文本字段会自动向上移动到键盘上方。但不幸的是，当TextEditor在List中时，它似乎无法工作。 在使用TextField Ex:- Move TextField up when the keyboard has appeared in SwiftUI时，已经有很多很好的解决方案。但在使用TextEditor时，它们似乎都不起作用。 struct ContentView: View {
@State var items: [String] = ["Apples", "O
浏览 89提问于2021-11-19得票数 0
我想使用.submitLabel将"return“键更改为其他键(即.done)，但它似乎不适用于TextEditor输入表单。应该是这样吗？
示例代码：
struct ContentView: View {
@State var text: String = ""
var body: some View {
Form {
TextEditor(text: $text)
.submitLabel(.search)
}
}
}
浏览 2提问于2021-11-24得票数 3
TextEditor似乎有一个默认的白色背景。因此，下面的内容不起作用，它显示为white，而不是定义的red
var body: some View {
TextEditor(text: .constant("Placeholder"))
.background(Color.red)
}
是否可以将颜色更改为自定义颜色？
浏览 7提问于2020-07-11得票数 64
回答已采纳
我有一个SwiftUI应用程序，它由一个struct中的列数组的元素生成一个List。
我需要行中的项是可编辑的，所以我尝试使用TextEditor，但是绑定非常困难。我有一个工作的原型，但是TextEditor是不可编辑的-我收到警告：
Accessing State's value outside of being installed on a View. This will result in a constant Binding of the initial value and will not update.
下面是我的代码的一个大大缩短的版本，它产生了同样的问题：
impo
浏览 9提问于2022-09-05得票数 0
回答已采纳
"typeText“方法适用于'TextField‘元素，而不是Xcode UI测试中的'TextEditor’元素。已尝试连接硬件键盘选项(启用/禁用)，但没有成功。有什么解决办法吗？
未能合成事件:无论是元素还是后代都没有键盘焦点。事件分派快照: TextView，标识符：“内容”
let nameTextField = app.textFields["name"]
nameTextField.tap()
nameTextField.typeText("Test Name") // Working
let contentText
浏览 1提问于2020-10-27得票数 2
我要将TextEditor的文本保存到文本文件中。我首先以TextEditor的第一行作为文件名创建文件，然后将后续更新保存在该文件中。代码依赖于.onChange操作。这是一个挑战，因为我要为TextEditor第一行上的每个字符创建一个文件。 有没有一种方法可以检测到用户何时停止键入，或者组件何时空闲，然后创建文件并保存文本？这是在macOS Big Sur上。 我还没有找到任何我可以使用的操作。该视图的代码如下： @EnvironmentObject private var data: DataModel
var note: NoteItem
@
浏览 29提问于2021-08-31得票数 0
回答已采纳
嗯，我正在开发一个小应用程序，其中我有一个TextEditor元素，可以输入我们想要的任何内容。情况是，我想在切换其他视图的同时将文本保留在TextEditor上，但我不能。
切换视图之前的TextEditor :
切换视图后的TextEditor :
下一个代码是：
struct VistaDatos: View {
@State private var opinion: String = ""
var progreso : Double {
Double(opinion.count)
}
浏览 6提问于2022-10-16得票数 0
回答已采纳
我正在使用SwiftUI为MacOS开发一个基于Python的图形计算器。
我使用SwiftUI的TextEditor作为Python代码的编辑器，但是我不知道如何禁用智能引号(UITextInputTraits，smartQuotesType: UITextSmartQuotesType)。
VStack {
TextEditor(text: $pythonScript.script)
HStack {
Button(action: {
pythonScr
浏览 4提问于2021-03-20得票数 3
1回答
我想添加动画，这样当我单击一个按钮时，我的TextEditor (在iOS 14中)中的文本会慢慢淡出(假设持续时间为1.5)。
这是我正在使用的代码，但无法使文本淡出。你知道我做错了什么吗？
struct FadeTextFromTextEditor: View {
@State private var isAnimationOn = true
@State private var text: String = ""
@State private var resetText = true
var body: some View {
浏览 3提问于2020-10-25得票数 1
在下面的代码中，为什么TextEditor的框架停留在安全区域内，而文本被推到屏幕的顶部，超出安全区域，并超出文本编辑器的框架？ VStack {
TextEditor(text: $myText)
.frame(height: 200)
.border(Color.red)
Spacer()
} ?
浏览 9提问于2021-02-02得票数 3
我正在寻找一种让swiftUI TextEditor看起来像TextField的方法。我需要一个多行输入，但我真的很喜欢圆角TextFields的外观。 这是我能得到的最接近的结果： ? 使用以下代码： TextEditor(text: $instanceNotes)
.border(Color.gray)
.foregroundColor(.secondary)
.cornerRadius(3)
.padding(.horizontal)
.frame(height:100) 它的外观/行为与TextField毫无相似之处 这是我想要复制的Tex
浏览 43提问于2021-07-01得票数 0
回答已采纳
如何去除DatePicker字段在macOS(!)中的阴影背景？
.textFieldStyle或.background不起作用。
我试过这样做：，但似乎只适用于TextField，TextEditor。是否还有其他可以设置的NSView属性？
DatePicker("Start",
selection: $newDate,
displayedComponents: [.date])
.datePickerStyle(.field)
// .te
浏览 5提问于2022-02-05得票数 2
回答已采纳
我的两个TextEditors相邻，我想同步它们的滚动状态，例如，如果我在左边滚动，右边的应该显示相同的。
//basic code
@State private var textLeft: String = "view left"
@State private var textRight: String = "view right"
var body: some View {
HStack() {
TextEditor(text: $textLeft)
TextEditor(text: $textLeft)
浏览 3提问于2020-10-06得票数 0
我使用的是SwiftUI 2的新TextEditor。我想要做的是，当文本发生变化时，TextEditor会自动滚动到顶部，但目前还不是这样。 ? 以下是示例项目的代码： import SwiftUI
struct ContentView: View {
@State private var text: String = Self.text1
static private var text1 = """
Text 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
浏览 21提问于2021-01-13得票数 1
回答已采纳
在SwiftUI的TextField上，您可以使用.onSubmit()修饰符为键盘的返回/提交按钮设置一个操作。如何在TextEditor中实现相同的功能？(.onSubmit()似乎不起作用)。
浏览 30提问于2021-12-11得票数 5
回答已采纳
问题概述
我正在构建一个笔记记录应用程序，并有一个便条编辑视图，其中一些TextEditors是用来听用户的输入。现在，一个环境对象被传递给这个便笺编辑视图，我设计了一个保存按钮来保存更改。除了用户必须单击“保存”按钮才能更新模型外，它工作得很好。
期望行为
编辑完成后，文本编辑器将更新EnvironmentObject实例的值。不一定要单击“保存”按钮来保存更改。
下面是视图的示例代码
struct NoteDetails: View {
@EnvironmentObject var UserData: Notes
@Binding var selectedNote: Si
浏览 3提问于2021-01-30得票数 6
回答已采纳
如果这是一篇文章，我会写
Text("Hello ")+Text("world").foregroundColor(.yellow)
我可以在TextField / TextEditor中做什么？
浏览 1提问于2020-07-11得票数 0
1回答
我一直试图在包含Form视图的SwiftUI中的两个视图之间进行转换。但是，只有在动画应用时，布局才会中断。
这是一个完全可复制的例子。(只在真正的设备/模拟器上复制，而不是在操场上)。
为什么视图会以这种方式出现？是否有办法让视图正确地重新布局？(iOS 15，XCode 13.2)
struct ContentView: View {
@State var first = true
@State var presented = false
var body: some View {
Button("show") {
浏览 8提问于2022-01-09得票数 0
我正在使用FocusState编辑一个TextField，然后在键盘上使用一个“完成”提交标签来关闭键盘。
但是，.focused()修饰符似乎不适用于同一屏幕上的TextEditor，因此在输入TextEditor后没有“完成”按钮来关闭键盘。
我如何创建一个单一的完成按钮，它可以同时取消聚焦文本字段和文本编辑器的键盘？
也就是说，我在寻找这样的东西：
struct ContentView: View {
@FocusState var focusedInput: Input?
@State private var fieldText: String = "Text fiel
浏览 25提问于2022-02-04得票数 1
1回答
我找到了文本编辑器的第一段。我怎么才能把剩下的文字取出来呢？
TextEditor(text: $newText)
.onChange(of: newTitle, perform: { value in
if let firstParagraph = value.components(separatedBy: CharacterSet.newlines).first {
selectedNote.title = firstParagraph
}
浏览 7提问于2021-05-28得票数 1
回答已采纳
我有一个TextEditor，当用户点击它时调用actionSheet，并在里面显示动作表内容。是否有可能保持TextEditor的可交互性但不可编辑性？我已经尝试过.disabled() -但是在本例中，TextEditor变得不可访问，因此用户不能调用ActionSheet。我想避免使用UIViewRepresentable来解决这个问题。
import SwiftUI
import NavigationStack
struct CompleteSessionView: View {
@StateObject var viewModel = CompleteSessio
浏览 1提问于2021-08-20得票数 2
回答已采纳
我正在努力实现这个观点(在截图上)。用户可以在此框中键入某些内容。他应该能够创造新的段落，但文本不应该再超过框的高度，例如，行边框。目标：
但是，在选择TextField时，行在输入时水平增长。我试图通过添加".linelimit(nil)“进行修改，但它不起作用。
但也存在着缺少占位符以及布局和文本填充修改的问题。添加填充时，布局如下所示：
。
这就是我在TextEditor上的情况：
struct Notes: View {
@State private var notes = ""
var body: some View {
浏览 8提问于2022-02-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
