有没有办法让 twitter 的 iOS 应用程序的通知选项卡的导航栏(附图)

Is there a way to make the twitter's iOS app's notification tab's navigation bar (pic attached)

我正在考虑实施 UISegmentControl 扩展来实现 twitter 的 iOS 通知选项卡栏、导航栏段样式。我尝试像 post.

中那样扩展 class

我希望能够控制根据文本宽度缩放的下划线大小,就像在应用程序中一样。

如有任何想法或建议,我们将不胜感激。

XLPagerTabStrip 是一个容器视图控制器,它允许我们在一组视图控制器之间轻松切换。平移手势可用于移动到下一个或上一个视图控制器。它显示当前、上一个、下一个子视图控制器的交互式指示器。

https://github.com/xmartlabs/XLPagerTabStrip

您可以创建自定义顶部栏。

  1. 添加两个视图,每个视图都包含带有文本的标签,在该标签下方添加一个视图,其前导和尾随约束来自标签。在 Stack View 中添加这两个视图并平均填充。对于点击,您可以使用 TapGesture 或 UIButton。
  2. 为动态选项卡使用集合视图。
  3. 下面针对不同屏幕的 UIPageViewController。
  4. 附上我设计的屏幕供参考

有一个顶行部分: 图标 |通知 |设置图标 然后是底行: 所有|提及

您为底行的每个部分创建一个容器,占行宽度的 50%,然后在每个部分内有一个文本块。块的宽度应仅与文本一样宽,以便在为其添加底部边框时,它仅跨越文本范围