如何使用 SwiftUI select ScrollView 中的项目?
How to select an item in ScrollView with SwiftUI?
我想要完成的是有一个项目循环,我可以在其中点击一个项目,一旦点击它就会以编程方式变大
这是我的代码和到目前为止的结果:
struct ContentView: View {
@State var emojisArray = ["", "", "", ""]
@State var selectedIndex = 0
var body: some View {
VStack {
ScrollView(.horizontal) {
HStack {
ForEach(0..<emojisArray.count) { item in
emojiView(emoji: self.emojisArray[item],
isSelected: item == self.selectedIndex ? true : false)
.onTapGesture {
print (item)
self.selectedIndex = item
}
}
}
}
.onAppear()
.frame(height:160)
VStack{
Text("selcted item:")
Text("\(self.emojisArray[self.selectedIndex])")
}
}
}
}
emojiView 在哪里:
struct emojiView: View {
var emoji : String
@State var isSelected : Bool
var body: some View {
Text(emoji)
.font(isSelected ? .system(size: 120) : .system(size: 45))
}
}
我想问题是 ScrollView 没有重新加载自己
只需删除 emojiView
中的 @State
struct emojiView: View {
var emoji : String
var isSelected : Bool // << here !!
var body: some View {
Text(emoji)
.font(isSelected ? .system(size: 120) : .system(size: 45))
}
}
测试 Xcode 12 / iOS 14
我想要完成的是有一个项目循环,我可以在其中点击一个项目,一旦点击它就会以编程方式变大
这是我的代码和到目前为止的结果:
struct ContentView: View {
@State var emojisArray = ["", "", "", ""]
@State var selectedIndex = 0
var body: some View {
VStack {
ScrollView(.horizontal) {
HStack {
ForEach(0..<emojisArray.count) { item in
emojiView(emoji: self.emojisArray[item],
isSelected: item == self.selectedIndex ? true : false)
.onTapGesture {
print (item)
self.selectedIndex = item
}
}
}
}
.onAppear()
.frame(height:160)
VStack{
Text("selcted item:")
Text("\(self.emojisArray[self.selectedIndex])")
}
}
}
}
emojiView 在哪里:
struct emojiView: View {
var emoji : String
@State var isSelected : Bool
var body: some View {
Text(emoji)
.font(isSelected ? .system(size: 120) : .system(size: 45))
}
}
我想问题是 ScrollView 没有重新加载自己
只需删除 emojiView
@State
struct emojiView: View {
var emoji : String
var isSelected : Bool // << here !!
var body: some View {
Text(emoji)
.font(isSelected ? .system(size: 120) : .system(size: 45))
}
}
测试 Xcode 12 / iOS 14