问题标签 [pagetabviewstyle]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
95 浏览

swift - 带有 PageTabViewStyle 的 TabView 无法正确旋转到横向并返回

使用 Swift5.3.2、iOS14.4、Xcode12.4、

我正在尝试在 SwiftUI 中将 TabView 旋转为横向并返回纵向。

我将 TabView 作为 PageTabViewStyle 运行,以使其看起来像 PageViewController。

一切正常,除了旋转到横向和回到纵向。

每当我旋转时,选项卡都会跳到一个随机数!

这是我的代码:

为了更好地观察我们最终的标签,我编写了这个视图扩展和自定义修饰符。但是,在没有扩展名和自定义修饰符的情况下,已经发生了不需要的制表符跳转。

知道该怎么做吗?

0 投票
0 回答
142 浏览

swiftui - 由于 SwiftUI 重新渲染父视图,TabView 在旋转到横向时断开连接

使用 Swift5.3.2、iOS14.4.1、XCode12.4、

如以下代码所示,我在 SwiftUI 的 Page-Mode 中使用了一个相当复杂的 TabView。

即使用 iOS14 显示页面的新可能性:

一切正常。

除非,如果我将 iPhone 从纵向旋转到横向,TabView 会断开连接并将 selectedTab 索引设置为 0(即,无论您滚动到哪里,旋转 iPhone 都会意外地重置为第 0 页)。

父视图本身处于复杂的视图层次结构中。并且在 TabView 显示(和滑动)期间更新 TabView 的父视图之一。这可能是 TabView 在旋转到横向时重新渲染的问题。

在 iPhone 旋转期间我能做些什么来保持 TabView-Page ?

这是代码:

以及有问题的 MediaTabView:

0 投票
3 回答
276 浏览

swiftui - 获取 TabView 中的当前索引(PageTabViewStyle)

我无法添加 gif。我上传了 YouTube。链接在这里。

当 Tabview 滑动时,我想在下面的 imageView 中显示该图像。

注意:当我尝试使用模型时,我的代码不起作用。这就是我编辑我的问题的原因。

主视图

模型

示例数据

0 投票
1 回答
43 浏览

swiftui - 单击对象后导航会重复多次

我刚刚与 Apple 分享了这个错误。我想和你分享。

申请关注

1 - 用户登录到 onBoardingView 页面后,他们被定向到具有 fullScreenCover 的 ContentView。

2 - ContentView 页面包含 TabView 中与 ForEach 重复的对象。单击这些对象将带您进入 DetailView 页面。

3 - 但是,导航在单击对象后会重复多次。

我的英语不好。非常遗憾。

视频在这里

项目文件在这里

0 投票
0 回答
90 浏览

swiftui - SwiftUI PageTabViewStyle 进度条索引

我有一个 PageTabViewStyle 用于显示图像。但是我想使用自定义进度条而不是点指示器,并且我想在用户滑动图像时增加我的自定义进度条。假设我有 5 张图片,如果用户幻灯片图像应该增加 1 / 5 。

在此处输入图像描述

如图所示,我创建了自定义的自定义 tabBar 和其他逻辑。但我找不到如何知道用户何时滑动图像的方法,或者有没有办法知道 PageTabViewStyle 的索引号。

这是我的自定义进度条;

结构进度条视图:查看 {

}

}

0 投票
0 回答
137 浏览

swiftui - 如何定位原生 SwiftUI PageTabView 样式的 TabView 的控制指示器(小点)?

使用iOS14.4.2、Swift5.3.2、Xcode12.4、

我正在使用 SwiftUI 的新 PageTabView 样式的 TabView(参见下面的示例代码)。

一切正常 - 除了我想将控制指示器(即小点)移动到屏幕上的其他位置。

你怎么能那样做?

是的,我可以自己做某种形式的控件覆盖 - 但 SwiftUI 本身和本机不具备能力吗?

0 投票
0 回答
220 浏览

swiftui - SwiftUI 的 PageTabViewStyle TabView 页面滑动不流畅

使用 Swift5.3.2、iOS14.4.2、XCode12.4、

我正在尝试使用 iOS14 的新选项卡视图在 SwiftUI 中创建一个 PageView PageTabViewStyle

页面应该可以在页面之间平滑交换。

只要我不以任何方式采取任何onChange行动,这一切都有效selectedIndex

一旦我这样做了,.onChange(of: selectedIndex) { newidx in ...}那么滑动就会变得迟钝,并且不再可以接受可用性。

但是我的应用程序需要跟踪页面索引,并且需要在任何索引更改时执行代码。

如何在 SwiftUI 的 PageView 中检测滑动操作?

我意识到,一旦我使用任何类型的.onReceive().onChange(of: )与其selectedIndex或任何发布者一起使用的滑动手势,我总是会遇到不再流畅的滑动手势。

如何克服这个问题并获得平滑的滑动和索引信息?

这是我的代码:

selectedIndex我还尝试了用myService.selectedIndex替换的 Publisher 方法。但没有变化 - 当滑动和内存超出循环时,应用程序会停止!

有什么可做的?

如果好奇,这是整个应用程序:

0 投票
0 回答
340 浏览

swift - 如何使用 iOS14 TabView 的 PageTabViewStyle() 页面滑动检测滑动(并对其执行操作)?

使用 Swift5.3.2、iOS14.4.2、XCode12.4、

我正在为在 SwiftUI 中创建 PageViews 这个新的 iOS14 功能而苦苦挣扎。

一切正常,除了我无法检测到滑动的时刻!

我尝试使用.onChange(selectionIndex),但是一旦我为 TabView 创建了这个更改侦听器selectionIndex,滑动就会停止。它不再光滑。

即使我onChange(selectionIndex) { newIdx in ... }仍然完全是空的,滑动也会停止,内存也会进入循环。

这真的是一个烦人的问题,我从 4 天开始就一直在处理它。

任何帮助高度赞赏。

我需要 Apple 提供的:具有正确生命周期方法的有效 PageView .onAppear().onChange(selectionIndex)以及可以放置在屏幕上任何位置的小点指示符。帮助宇宙,帮助我们在 SwiftUI 中得到这个。

0 投票
0 回答
83 浏览

ios - 如何在 PageTabView 中挑逗相邻页面?

我正在使用 SwiftUI 2 并使用带有 PageTabViewStyle 的 TabView。

现在,我正在寻找一种方法来“挑逗”与当前页面相邻的页面,如下所示:

图片来源:http://ios-dev.co/swiftui/how-to-create-page-view-in-swiftui/

用 TabView 和 PageTabViewStyle 可以实现这个效果吗?

我已经尝试将 TabView 的宽度减小为windowWidth-50. 然而,这并没有导致相邻页面在侧面可见。相反,此更改在右侧窗口边框左侧引入了一个硬垂直边缘50px,新页面将滑入其中。

0 投票
1 回答
199 浏览

list - SwiftUI:在 ScrollView 或 List 中时,PageTabViewStyle() 新损坏?

所以这个bug突然出现了。我有一个带有 PageTabViewStyle() 的 TabView,用于在 ScrollView 中显示图像。图片下方是其他内容(标题、文本等,与本示例无关)。

过去一切正常,但在最近的更新之后,PageTabView 在 ScrollView 或 List 中无法正确显示!我测试了用 VStack 替换 ScrollView 并且它看起来应该 - 但我失去了我想要的功能,即带有图像和文本的滚动视图。

它应该是什么样子(直到最近才看到):https ://imgur.com/a/6hEk0x7

现在的样子:https ://imgur.com/a/ZFhk1XO

任何解决方案将不胜感激!