如何解决如何在Swift UI的pickerview中显示嵌套的JSON值?
我希望用户选择该城市的城市和地区。当我选择城市时,我想在pickerview中列出该城市的地区。我还想在文本中显示城市的选择和地区的选择。
struct locationView: View {
@State var selectedFrameworkIndex = 0
@State var tap1 : Bool = false
@Observedobject var cityfetch = cityFetcher()
var selectedCityName: String? {
if !cityfetch.cities.isEmpty && selectedFrameworkIndex < cityfetch.cities.count {
return cityfetch.cities[selectedFrameworkIndex].city_name
} else {
return nil
}
}
var body: some View {
vstack{
Picker(selection: $selectedFrameworkIndex,label: Text("")) {
ForEach(0 ..< cityfetch.cities.count,id: \.self) {
Text(self.cityfetch.cities[$0].city_name)
}
}.padding(.trailing,50)
.id(UUID())
Picker(selection: $selectedFrameworkIndex,label: Text("")){
ForEach(0 ..< cityfetch.cities.count,id: \.self) {
Text(self.cityfetch.cities[$0].district_name)
}
}.padding(.trailing,50)
.id(UUID())
}
Text("Seçiminiz: \(selectedCityName ?? "")")
.font(.system(size: 20,weight: .regular,design: .rounded))
}
struct city : Decodable,Identifiable{
let id = UUID()
let city_id : Int
let city_name : String
let district_id : Int
let district_name : String
}
我的课程正在关注。
class cityFetcher : ObservableObject{
@Published var cities = [city]()
init() {
loadCity()
}
func loadCity(){
let url = URL(string: "https://raw.githubusercontent.com/midorikocak/turkish-cities-districts/master/data/il-ilce.json")
URLSession.shared.dataTask(with: url!) { (data,response,error) in
do{
let cities = try JSONDecoder().decode([city].self,from: data!)
dispatchQueue.main.async {
self.cities = cities
}
} catch{
print("Error")
}
}.resume()
}
}
我还将JSON信息作为图像发布。
解决方法
在getUniqiueCities()
中添加函数cityFetcher
以创建一个唯一的城市数组,并在self.cities = cities
之后调用此函数。在@Published var uniqueCities : [city] = []
中创建cityFetcher
。
func getUniqiueCities() {
var uniqueCities: [city] = []
for city in self.cities {
let isExists = uniqueCities.contains{ item in
return item.city_name == city.city_name
}
if !isExists {
uniqueCities.append(city)
}
}
self.uniqueCities = uniqueCities
}
为unique cities
循环并根据唯一的城市名称显示地区。
使用以下代码更新LocationView
struct locationView: View {
@State var selectedFrameworkIndex = 0
@State var selectedCityIndex = 0
@State var tap1 : Bool = false
@ObservedObject var cityfetch = cityFetcher()
var selectedCityName: String? {
if !self.cityfetch.uniqueCities.isEmpty && selectedFrameworkIndex < self.cityfetch.uniqueCities.count {
return self.cityfetch.uniqueCities[selectedFrameworkIndex].city_name
} else {
return nil
}
}
var body: some View {
VStack{
Picker(selection: $selectedFrameworkIndex,label: Text("")) {
ForEach(0 ..< self.cityfetch.uniqueCities.count,id: \.self) {
Text(self.cityfetch.uniqueCities[$0].city_name)
}
}.padding(.trailing,50)
.id(UUID())
Picker(selection: $selectedCityIndex,label: Text("")){
ForEach(0 ..< self.getFilteredDistricts().count,id: \.self) {
Text(self.getFilteredDistricts()[$0].district_name)
}
}.padding(.trailing,50)
.id(UUID())
Text("Seçiminiz: \(selectedCityName ?? "")")
.font(.system(size: 20,weight: .regular,design: .rounded))
}
}
func getFilteredDistricts() -> [city] {
return self.cityfetch.cities.filter({$0.city_name == self.cityfetch.uniqueCities[selectedFrameworkIndex].city_name})
}
}
更新
根据评论,添加代码以获取selectedDistrict:
var selectedDistrict: String? {
if !self.getFilteredDistricts().isEmpty && selectedCityIndex < self.getFilteredDistricts().count {
return self.getFilteredDistricts()[selectedCityIndex].district_name
} else {
return nil
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。