我有两个结构 ContentView.swift
struct ContentView: View {
var body: some View {
NavigationView{
ZStack {
Color(red: 0.09, green: 0.63, blue: 0.52)
.edgesIgnoringSafeArea(.all)
VStack {
Image("flower_logo")
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 150.0, height: 150.0)
.clipShape(Circle())
Text("ScanFlower")
.font(Font.custom("Pacifico-Regular", size: 40))
.bold()
.foregroundColor(.white)
Text("DETECT FLOWER SPECIES")
.foregroundColor(.white)
.font(.system(size: 15))
Spacer()
.frame(height: 100)
NavigationLink(destination: ScanWithCamera()){
NavigateButtons(imageName: "camera.fill", text: "Scan with camera")
}
NavigateButtons(imageName: "photo.fill", text: "Use pictures")
NavigateButtons(imageName: "chart.bar.fill", text: "Check your database")
}
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
移至二审 ScanWithCamera.swift
点击NavigationLink的 "用相机扫描"。在 ScanWithCamera.swift
struct ScanWithCamera: View {
var body: some View {
NavigationView{
Text("Damn...bro...")
.navigationBarTitle("Page2",displayMode: .inline)
.navigationBarItems(leading:
Button(action: {
print("Edit button pressed...")
}) {
Text("Edit")
}
)
}
}
}
struct ScanWithCamera_Previews: PreviewProvider {
static var previews: some View {
ScanWithCamera()
}
}
struct ScanWithCamera_Previews: PreviewProvider {
static var previews: some View {
ScanWithCamera()
}
}
我想在导航栏上设置一个按钮,但我不知道如何添加。当我尝试用 .navigationBarItems
我的导航栏几乎占了半个屏幕的面积 如何在那里添加这个按钮,使导航栏不增加?
你可以使用以下代码
如果你想在后面的地方显示编辑......你可以这样做。
struct DestinationView: View {
var body: some View {
List {
Text("1")
}
.navigationBarTitle("Destination")
.navigationBarItems(leading:
Button("Edit") {
print("About tapped!")
}
).navigationBarBackButtonHidden(true)
}
}
如果你想用多个按钮来回显示的例子。
struct DestinationView: View {
var body: some View {
List {
Text("1")
Text("2")
}
.navigationBarTitle("DestinationView")
.navigationBarItems(leading: HStack {
Button("Back") {
print("About tapped!")
}.background(Color.black)
.foregroundColor(Color.white)
Button("Help") {
print("Help tapped!")
}
}, trailing:
HStack {
Button("About") {
print("About tapped!")
}
Button("Info") {
print("Help tapped!")
}
}
)
}
}
结果
如果你想要.inline和多个按钮
struct DestinationView: View {
var body: some View {
List {
Text("1")
Text("2")
}
.navigationBarTitle("Destination")
.navigationBarItems(leading: HStack {
Button("Back") {
print("About tapped!")
}.background(Color.black)
.foregroundColor(Color.white)
Button("Help") {
print("Help tapped!")
}
}, trailing:
VStack {
Button("About") {
print("About tapped!")
}
Button("Info") {
print("Help tapped!")
}.foregroundColor(Color.red)
}
)
}
}
更改您的位置 leading
到 trailing
把它放在导航的右上角(通常编辑按钮的位置)。
NavigationView{
Text("Damn...bro...")
.navigationBarTitle("Page2",displayMode: .inline)
.navigationBarItems(trailing:
Button(action: {
print("Edit button pressed...")
}) {
Text("Edit")
}
)
}