如何解决SwiftUI-清单:在iOS 13+中隐藏分隔线
我使用SwiftUI开发了一个聊天屏幕。当前的最低iOS版本是13.0。
要进行聊天,我将元素List与ForEach一起使用。 问题是列表显示分隔线,我需要隐藏它们:
我试图隐藏TableView的样式,但是没有任何效果。 这是代码:
struct MessagesView: View {
var messages: [MessageModel] = []
init() {
// To remove only extra separators below the list:
UITableView.appearance().tableFooterView = UIView()
// To remove all separators including the actual ones:
UITableView.appearance().separatorStyle = .none
}
var body: some View {
List {
ForEach(messages,id: \.messageId) { message in
Group {
if(messpack.user != nil) {
ReceivedMessageView(
message: message.message,name: message.user?.name,color: message.user?.color)
} else {
SentMessageView(message: messpack.message)
}
}.listRowInsets(EdgeInsets())
}
}
}
}
我将不胜感激:)
解决方法
将最低iOS版本设置为iOS 13并不意味着您的代码不能在iOS 14上运行(并且用于删除列表分隔符的iOS 13解决方案在iOS 14上不起作用)。
您需要使用if #available(iOS 14,*)
指定用于哪个iOS版本的代码:
struct MessagesView: View {
var messages: [MessageModel] = []
init() {
UITableView.appearance().tableFooterView = UIView()
UITableView.appearance().separatorStyle = .none
}
var body: some View {
List {
ForEach(messages,id: \.messageId) { message in
Group {
if #available(iOS 14,*) {
messageView(for: message)
.frame(maxWidth: .infinity,maxHeight: .infinity,alignment: .leading)
.listRowInsets(EdgeInsets())
.background(Color.white)
} else {
messageView(for: message)
}
}
}
}
}
@ViewBuilder
func messageView(for message: MessageModel) -> some View {
if messPack.user != nil {
ReceivedMessageView(
message: message.message,name: message.user?.name,color: message.user?.color
)
} else {
SentMessageView(message: messPack.message)
}
}
}
删除List
分隔符:
- iOS 13-How to remove the line separators from a List in SwiftUI without using ForEach?
- iOS 14-How to remove List Separator lines in SwiftUI 2.0 in iOS 14
您可以使用某些ListView样式。我认为SidebarListStyle没有任何行。否则,您可能必须使用ScrollView和/或VStack而不是List。
List {
Text("ONE")
Text("TWO")
Text("THREE")
}
.listStyle(SidebarListStyle())
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。