swiftui - 在 SwiftUI 中正确组合 TabView 与 PageTabViewStyle、NavigationView 和 ScrollView
问题描述
我正在开发一个将 TabView 与 PageTabViewStyle、NavigationView 和 ScrollView 相结合的 UI。向下滚动时,我希望 NavigationView 的标题会调整并变小。但是当 ScrollView 放置在 TabView 内时它不会。如何实现此行为?
这是我关于如何将 TabView 与 PageTabViewStyle 和 NavigationView 一起使用的原始问题的扩展。
struct ContentView: View {
@State var selection = 1
var body: some View {
NavigationView {
TabView {
LibraryView()
.tag(1)
LibraryView()
.tag(2)
}
.navigationTitle(selection == 1 ? "A" : "B")
}
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
//.indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))
}
}
struct LibraryView: View {
@State var gridLayout: [GridItem] = [
GridItem(),
GridItem()
]
var body: some View {
ScrollView {
LazyVGrid(columns: gridLayout, alignment: .center, spacing: 10) {
ForEach(collections.indices) { index in
CollectionItem(collection: collections[index])
}
}
.padding(.all, 10)
}
}
}
解决方案
推荐阅读
- mongodb - 从与数组元素中的字段匹配的文档中删除数组元素
- python-3.x - 自动完成-Python 不工作,ATOM,来自 jed 的错误,找不到语法 3.9.txt
- reactjs - 如何在 React 中调用对象数组中的变量名
- kubernetes - Kubernetes pod operator 卷挂载失败,导致 pod 未生成
- python - 根据是否出现在另一个列表中过滤字典内嵌套列表的项目
- api - 我想在我的颤动应用程序中显示来自登录 API 的登录响应 json 数据的通知计数
- java - 使用 Launch4J 将 .java 包装到 .exe 时出现问题,但问题可能是版本合规性
- node.js - 如何在电子中使用进度条
- reactjs - 你如何把这个函数变成一个 thunk react promise 函数(更新)
- json - 无法从 API 端点获取数据