iOS：如何在导航栏中与 NavigationBar Title 平行放置一个按钮？

Posted 2023-02-24

【中文标题】iOS：如何在导航栏中与 NavigationBar Title 平行放置一个按钮？

【英文标题】：iOS: How to place a button in Navigation bar parallel to NavigationBar Title?

【发布时间】：2020-04-15 05:57:46

【问题描述】：

我想在导航栏标题的同一级别上放置一个按钮。

如下图所示。

也需要swiftui中的解决方案。

【问题讨论】：

它不是一个导航栏，它的 tableView 标题。 Navigationbar 和 tableHeaderView 在滚动 tableview 时切换。

【参考方案1】：

您是否尝试过放置 UIBarButton 项？您可以将它放在故事板的导航栏上。您可以像下面这样以编程方式创建它并将其设置为导航栏的导航项

let btn1 = UIButton(type: .custom)
btn1.setImage(UIImage(named: "imagename"), for: .normal)
btn1.addTarget(self, action: #selector(methodname), for: .touchUpInside)
let item1 = UIBarButtonItem(customView: btn1)
self.navigationItem.setRightBarButtonItems([item1], animated: true)

【参考方案2】：

如果您想使用SwiftUI 在NavigationBar 中添加Button，请尝试以下代码。

struct ContentView: View 
  var body: some View 
    NavigationView 
        VStack
            Text("Hello World!!")
        
        .navigationBarItems(trailing:
            HStack 
                Button(action: 
                   //action
                ) 
                    Image(systemName: "trash")
                        .frame(width: 25, height: 25, alignment: .center)
                        .foregroundColor(.black)
                
                Spacer().frame(width: 10)
                Button(action: 
                    //action
                ) 
                    Image(systemName: "link")
                       .frame(width: 25, height: 25, alignment: .center)
                       .foregroundColor(.black)
                
            
        )