使用 Material iOS 在状态栏下方添加标签栏

Posted

技术标签:

【中文标题】使用 Material iOS 在状态栏下方添加标签栏【英文标题】:Add Tab bar below Status bar using Material iOS 【发布时间】:2017-06-21 09:27:40 【问题描述】:

如何使用 CosmicMind 的 Material's pod 在导航栏下方添加标签栏

我能够做到这一点,但它正在像这样触摸状态栏

我希望它位于状态栏下方。

【问题讨论】:

【参考方案1】:

您可以使用以下代码,在Top(20) 中添加 20px StatusBar 高度

fileprivate func prepareTabBar() 
    tabBar = TabBar()
    tabBar.delegate = self

    tabBar.dividerColor = Color.grey.lighten4
    tabBar.dividerAlignment = .bottom

    tabBar.lineColor = Color.indigo.base
    tabBar.lineAlignment = .bottom

    tabBar.backgroundColor = Color.grey.lighten3
    tabBar.buttons = buttons

    view.layout(tabBar).horizontally().top(20)

【讨论】:

【参考方案2】:

您可以创建自定义的 Tabbar 类并在顶部更改框架:

class CustomTabBarController: UITabBarController 

   @IBOutlet weak var myTabBarOutlet: UITabBar!

    override func viewDidLoad() 
        super.viewDidLoad()

        UIApplication.shared.statusBarFrame.size.height
        myTabBarOutlet.frame = CGRect(x: 0, y:  myTabBarOutlet.frame.size.height, width: myTabBarOutlet.frame.size.width, height: myTabBarOutlet.frame.size.height)
    

【讨论】:

以上是关于使用 Material iOS 在状态栏下方添加标签栏的主要内容,如果未能解决你的问题,请参考以下文章

应用程序处于后台时状态栏下方的 IOS 文本

React-native android 工具栏位于状态栏下方

ios 11 自定义导航栏位于状态栏下方

导航栏位于 iOS 应用程序中的状态栏下方

iOS7 UIScrollView 在状态栏下方显示偏移内容

iOS 状态栏和 UIView