如何解决我们如何实现像iOS 14 AppLibrary这样的模糊效果? SearchBar后面的模糊效果
我想制作一个模糊的标题,例如iOS 14 AppLibrary。
喜欢这张图片,我有这样的代码:
GeometryReader { proxy in
ZStack(alignment: .leading){
ScrollView(.vertical,showsIndicators: false,content: {
Spacer()
.frame(height: 48,alignment: .center)
.padding(.horizontal,24)
.padding(.top,proxy.safeAreaInsets.top)
.hidden()
...
}).edgesIgnoringSafeArea(.all)
//Need that beautiful blurry header here!
VStack(alignment: .center,content: {
SearchBar()
.frame(height: 48,24)
Spacer()
})
}.frame(width: proxy.size.width)
}
我不确定searchBar和ScrollView之间是否有东西。
您对实施有任何想法吗?
解决方法
您正在寻找UIVisualEffectView
。这在纯SwiftUI中不可用,但是您可以使用UIViewRepresentable
从UIKit进行移植。看看这个article。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。