У меня есть массив изображений, которые я передаю через LazyVgrid.
Мне интересно, как я назначаю NavigationLink именам изображений, хранящимся в массиве, щелкая по значку 1, вы переходите на страницу 1 и т. д. Для всех 8.
------ Быстрый интерфейс -------
import SwiftUI
struct Grid: View {
var images: [String] = ["icon1", "icon2", "icon3", "icon4",
"icon5", "icon6", "icon7","icon8"]
var columnGrid: [GridItem] = [GridItem(.flexible(), spacing: 25), GridItem(.flexible(), spacing: 25)]
var body: some View {
LazyVGrid(columns: columnGrid, spacing: 50) {
ForEach(images, id:\.self) { image in
Image(image)
.resizable()
.scaledToFill()
.frame(width: (UIScreen.main.bounds.width / 2.75 ) - 1,
height: (UIScreen.main.bounds.width / 2.75 ) - 1)
.clipped()
.cornerRadius(25)
}
}
}
}
Для таких случаев я бы предпочел перечисление, которое содержит всю связанную информацию. Вы также можете сделать это с помощью структуры, причина которой остается прежней.
enum ImageEnum: String, CaseIterable{ //Please find a better name ;)
case image1, image2
var imageName: String{ // get the assetname of the image
switch self{
case .image1:
return "test"
case .image2:
return "test2"
}
}
@ViewBuilder
var detailView: some View{ // create the view here, if you need to add
switch self{ // paramaters use a function or associated
case .image1: // values for your enum cases
TestView1()
case .image2:
TestView2()
}
}
}
struct TestView1: View{
var body: some View{
Text("test1")
}
}
struct TestView2: View{
var body: some View{
Text("test2")
}
}
И ваш Grid
Просмотр:
struct Grid: View {
var columnGrid: [GridItem] = [GridItem(.flexible(), spacing: 25), GridItem(.flexible(), spacing: 25)]
var body: some View {
NavigationView{ // Add the NavigationView
LazyVGrid(columns: columnGrid, spacing: 50) {
ForEach(ImageEnum.allCases, id:\.self) { imageEnum in // Itterate over all enum cases
NavigationLink(destination: imageEnum.detailView){ // get detailview here
Image(imageEnum.imageName) // get image assset name here
.resizable()
.scaledToFill()
.clipped()
.cornerRadius(25)
}
}
}
}
}
}
Результат:
Какой удивительный ответ, большое спасибо
Я проверил это через тест, и я не получаю никаких изображений, отображаемых на главном экране, я думаю, что не понимаю структуру, находится ли Testview1 в новом файле или с ImageEmun, поскольку я думал, что это не будет сделать другой
@Flamee тебе удалось заставить это работать? Если нет, попробуйте переименовать возвращаемые значения в imageName
var в вашем перечислении, чтобы они соответствовали именам активов в вашем случае, например. icon1
....
Теперь все работает отлично! спасибо! Как-то играл с ним
Это ответ на ваш вопрос stackoverflow.com/a/64230971/12299030?