I am trying to build a List in which all rows have the same height
struct ContentView: View {
@State var content = ["row1", "row2\nrow2\nrow2", "row3"]
var body: some View {
List {
ForEach(0..<content.count, id: \.self) { index in
Text(self.content[index])
}
}
}
}
Row1 and row3 should have the same height with row2
Here is a Workaround. I have used geometryReader for calculate content height.Once we get the max height for the content, with the help of preferences update the cell.
struct TestView: View {
@State var content = ["row1", "row2\nrow2\nrow2", "row3"]
@State var rowHeight: CGFloat = 0
var body: some View {
List {
ForEach(0..<content.count, id: \.self) { index in
Text(self.content[index])
.frame(minHeight: self.rowHeight) // set height as max height
.background(
GeometryReader{ (proxy) in
Color.clear.preference(key: SizePreferenceKey.self, value: proxy.size)
})
.onPreferenceChange(SizePreferenceKey.self) { (preferences) in
let currentSize: CGSize = preferences
if (currentSize.height > self.rowHeight) {
self.rowHeight = currentSize.height //As height get change upto max height , put value in self.rowHeight
}
}
}
}
}
}
struct SizePreferenceKey: PreferenceKey {
typealias Value = CGSize
static var defaultValue: Value = .zero
static func reduce(value: inout Value, nextValue: () -> Value) {
nextValue()
}
}
.defaultMinListRowHeightcan be used to set a minim height, but I do not know the height for my rowsheightfor the longest string in your content and then useframeforTextwith that calculatedheight.Textview for this example, my real rows are much complex than that, a couple ofTextviews arranged withHStackandVStack, so this would not work