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

概览

我们知道在 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)
1
2
3
4
5
6
7

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

总结

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

感谢观赏，再会！😎