SwiftUI 4.0 如何轻松在 iOS 16 中设置 TextEditor 背景色

Posted 2022-10-04 大熊猫侯佩

概览

我们知道在 ios 16 之前，即使是像设置 SwiftUI TextEditor 视图背景色这样的小操作也要费不少事。

不过，从 iOS 16 开始，SwiftUI 为我们提供了原生方法来完成它：

如上图所示，在 iOS 16 （SwiftUI 4.0） 中更改 TextEditor 的背景色非常简单。

下面，就让我们一起来实现它吧！

Let’s go! 😉

---

iOS 16 中的“两步走”

在 iOS 16 中，要想实现 TextEditor 视图自定义背景色，我们只需两步即可完成：

1. 隐藏 TextEditor 的滚动背景内容
2. 为 TextEditor 增加背景色

为了隐藏 TextEditor 的滚动背景内容，我们需要利用 SwiftUI 4.0 中新的 .scrollContentBackground() 方法。

在隐藏了 TextEditor 已有的背景内容后，我们就可以使用 background() 方法轻松为其添加自定义背景色了：

TextEditor(text: $string)
	.font(.body.weight(.black))
	.foregroundColor(.white)
	.scrollContentBackground(.hidden)
	.padding()
	.background(.indigo)
	.cornerRadius(12)

在 iOS 16 中，设置 TextEditor 背景色从未有如此的简单，棒棒哒！💯

总结

在本篇博文中，我们讨论了在 iOS 16 中仅需两行代码即可实现 SwiftUI TextEditor 背景色的定制，你值得拥有！

感谢观赏，再会！😎