Я хочу установить изображение в titleView NavigationBar в SwiftUI, как мы это делаем в UIKit
navigationItem.titleView = UIImageView(image: UIImage(named: "logo"))
вот как мы это делаем в UIKit.
кто-нибудь знает как это сделать?
Я хочу установить изображение в titleView NavigationBar в SwiftUI, как мы это делаем в UIKit
navigationItem.titleView = UIImageView(image: UIImage(named: "logo"))
вот как мы это делаем в UIKit.
кто-нибудь знает как это сделать?
Вот как это сделать:
View.navigationBarTitleView(_:displayMode:)
Пример кода:
struct ContentView: View {
public var body: some View {
NavigationView {
Text("Hello World")
.navigationBarTitleView(MyView())
}
}
}
.navigationBarTitle("", displayMode: .inline)
в цепочку.
- person Jay Lee; 31.03.2020
navigationBarTitleView
Apple? Я не могу этого найти.
- person Chris Prince; 17.01.2021
Просто добавьте свой корневой вид в ZStack с выравниванием по верхнему краю и добавьте свой собственный центральный вид после корневого вида.
struct CenterNavigattionBar: View {
var body: some View {
ZStack(alignment: .top){
//Root view with empty Title
NavigationView {
Text("Test Navigation")
.navigationBarTitle("",displayMode: .inline)
.navigationBarItems(leading: Text("Cancle"), trailing: Text("Done"))
}
//Your Custom Title
VStack{
Text("add title and")
.font(.headline)
Text("subtitle here")
.font(.subheadline)
}
}
}
}
Перед изображением
После изображения
Просто используйте панель инструментов. Вы можете добавлять любые просмотры
import SwiftUI
struct HomeView: View {
// MARK: - Initializer
init() {
let appearance = UINavigationBar.appearance()
appearance.isOpaque = true
appearance.isTranslucent = false
appearance.barTintColor = UIColor(named: "background")
appearance.shadowImage = UIImage()
}
// MARK: - View
// MARK: Public
var body: some View {
NavigationView {
VStack(spacing: 20) {
Text("Hello")
Text("Navigation Bar Test")
}
.navigationBarTitleDisplayMode(.inline)
.navigationBarItems(leading: leadingBarButtonItems, trailing: trailingBarButtonItems)
.toolbar {
ToolbarItem(placement: .principal) {
VStack {
Text("Title").font(.headline)
Text("Subtitle").font(.subheadline)
}
}
}
}
}
// MARK: Private
private var leadingBarButtonItems: some View {
Button(action: {
}) {
Text("Left Button")
.font(.system(size: 12, weight: .medium))
}
}
private var trailingBarButtonItems: some View {
HStack {
Button(action: {
}) {
Text("R1\nButton")
.font(.system(size: 12, weight: .medium))
.multilineTextAlignment(.center)
}
Button(action: {
}) {
Text("R2\nButton")
.font(.system(size: 12, weight: .medium))
.multilineTextAlignment(.center)
}
}
}
}
В настоящее время вы не можете.
Есть два перегрузки для .navigationBarTitle()
, принимая либо Text
представление, либо тип, соответствующий StringProtocol
. Вы даже не можете перейти в модифицированный вид, например Text("Title").font(.body)
. Это была бы отличная функция, я бы отправил запрос функции: http://feedbackassistant.apple.com
Может, это у вас работает?
В основном: используйте GeometryReader
, чтобы получить ширину экрана. Иметь NavigationBarItems(leading: HStack {Spacer() Image("name").resizable().frame(width:..., height: ..., alignment: .center Spacer()}.frame(width:geometry.size.width)
Пример кода:
struct ContentView: View {
var body: some View {
NavigationView {
GeometryReader { geometry in
Text("Hello, world!")
.padding()
.navigationTitle("test")
.navigationBarItems(leading: HStack {
Spacer()
Image("money")
.resizable()
.frame(width: 50, height: 50, alignment: .center)
Spacer()
}
.frame(width: geometry.size.width)
)
}
}
}
}
Попробуй это...
Как разместить логотип в NavigationView в swiftui?
Это показывает, как обрабатывать добавление изображения в NavigationView в SwiftUI. Надеюсь, это поможет.