问题描述
我正在我的应用程序中处理一个视图,以演示如何执行特定拉伸。我想要在分页选项卡视图中设置视频和文本指南,以便用户可以在它们之间水平滚动。分页标签视图有效,但不响应当前页面的高度,有没有办法做到这一点?
See how it currently works here。请注意,选项卡视图具有黑色边框。
代码:
TabView {
VideoPlayer(player: AVPlayer(url: Bundle.main.url(forResource: "sample-video",withExtension: "mp4")!))
.aspectRatio(2 / 1,contentMode: .fit)
.cornerRadius(20)
.padding()
vstack {
Text("Stretch guide")
.font(.headline)
.frame(maxWidth: .infinity,alignment: .leading)
ForEach(stretch.guide,id: \.self) { instruction in
Text(instruction)
.padding(.vertical,2)
.frame(maxWidth: .infinity,alignment: .leading)
}
}
.padding()
.background(AppColor.bg_light_grey.color)
.cornerRadius(10)
.padding()
}
.border(Color.black)
.tabViewStyle(PageTabViewStyle())
.indexViewStyle(PageIndexViewStyle(backgrounddisplayMode: .never))
理想情况下,我希望选项卡视图调整到当前页面的高度,例如如果文本指南更长,选项卡视图将在滚动时展开。如果没有,我需要它是最高视图的高度。我该怎么做?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)