I’m trying to use TabView as a page view, but I’m having some trouble. When I select a tab, the content gets cut off. I tried setting scrollClipDisabled, but that didn’t help.
var body: some View {
TabView {
Button {
} label: {
AsyncImage(
url: URL(
string:
"https://plus.unsplash.com/premium_photo-1693227521269-d90b70e3ee06?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
)
) { image in
image
.resizable()
.aspectRatio(contentMode: .fit)
} placeholder: {
Color.red
}
}
.buttonStyle(.borderless)
}
.scrollClipDisabled()
.tabViewStyle(.page(indexDisplayMode: .always))
.indexViewStyle(.page(backgroundDisplayMode: .always))
Button("Button") {
}
}
If you switch between tab content and the button, you will notice that the bottom corner radius is clipped.
Does anyone have any idea how to avoid this action?
HongBo
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution