swiftui - SwiftUI:如何为图标水平创建滚动视图
问题描述
我想为水平视图中的社交媒体图标制作滚动视图,以便缩放和调整大小,使其看起来像这张图片
- 我应该使用滚动视图还是列表视图?也以水平方式
我已经尝试过这段代码,但它没有用,你有什么我可能错过的解决方案吗?
struct ContentView: View {
var body: some View {
NavigationView {
VStack(alignment: .leading, spacing: 20){
Text("Total number of posts we've analyzed so for : 35.513.682")
.frame(width: 300, height: 50, alignment: .topLeading)
.padding()
.background(Color(#colorLiteral(red: 0.2549019754, green: 0.2745098174, blue: 0.3019607961, alpha: 1)))
.cornerRadius(15)
.multilineTextAlignment(.leading)
Spacer()
.frame(height: 5)
Text("Which social media do you generate hashtags for?")
.multilineTextAlignment(.leading)
Spacer()
//Scroll view
ScrollView(.horizontal, showsIndicators: false){
HStack(spacing: 20){
ForEach(0..<10){ index in
Image( "facebook")
Image( "instagram")
Image( "flickr ")
Image( "google-plus")
Image( "linkedin")
Image( "pinterest")
Image( "tik-tok")
Image( "tumblr")
}
.frame(width: 100, height: 100, alignment: .center)
.padding()
}//hs
}
}//vs
.navigationTitle(Text("Hashtags"))
}// NV
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
Group {
ContentView()
.preferredColorScheme(.dark)
.previewDevice("iPhone 11")
}
}
}
解决方案
推荐阅读
- c# - 获取嵌套层次结构返回无效状态代码
- angular - 带有可观察字符串数组的角度垫表返回列标题错误
- css - 包括 Bootstrap 混乱的 CSS
- javascript - 将页脚发送到页面末尾
- graphql - Gatsby & GraphQL:将字符串字段转换为降价
- node.js - 将文件添加到文件夹时自动响应(Dropbox API)
- xml - 使用 XSL 转换在 MS Access 中导入 XML 文件
- python - 如何从文件夹中读取选择性图像文件,其中搜索条件位于 PandaFrame 框架中?通过 Python 中的 cv2
- python - RandomForestRegressor:输入包含 NaN、无穷大或对于 kaggle 学习上的 dtype('float32') 来说太大的值
- haskell - 我怎样才能找到他的名字的文件路径?