我是SwiftUI的新手(像大多数人一样)，试图弄清楚如何删除我嵌入在NavigationView中的List上面的一些空白。
在此图像中，您可以看到列表上方有一些空白。
我想要完成的是:
我试过用:
.navigationBarHidden(true)
但这并没有带来任何明显的变化。
我现在像这样设置我的navigationview:
NavigationView {
FileBrowserView(jsonFromCall: URLRetrieve(URLtoFetch: applicationDelegate.apiURL))
.navigationBarHidden(true)
}
其中FileBrowserView是一个带有List和FileCells的视图，定义如下:
List {
Section(header: Text("Root")) {
FileCell(name: "Test", fileType: "JPG",fileDesc: "Test number 1")
FileCell(name: "Test 2", fileType: "txt",fileDesc: "Test number 2")
FileCell(name: "test3", fileType: "fasta", fileDesc: "")
}
}
我想指出的是，这里的最终目标是，您将能够单击这些单元格来更深入地导航到文件树中，因此在更深入的导航中应该在栏上显示一个后退按钮，但在我的初始视图中，我不希望顶部出现这样的任何东西。
NavigationView的目的是在视图的顶部添加导航栏。在iOS中，有两种导航条:大导航条和标准导航条。
如果你不想要导航栏:
FileBrowserView(jsonFromCall: URLRetrieve(URLtoFetch: applicationDelegate.apiURL))
如果你想要一个大的导航栏(通常用于顶级视图):
NavigationView {
FileBrowserView(jsonFromCall: URLRetrieve(URLtoFetch: applicationDelegate.apiURL))
.navigationBarTitle(Text("Title"))
}
如果你想要一个标准(内联)导航栏(通常用于子级别视图):
NavigationView {
FileBrowserView(jsonFromCall: URLRetrieve(URLtoFetch: applicationDelegate.apiURL))
.navigationBarTitle(Text("Title"), displayMode: .inline)
}
希望这个答案对你有所帮助。
更多信息:苹果文档
出于某种原因，SwiftUI要求你也为. navigationbarhidden设置. navigationbartitle才能正常工作。
NavigationView {
FileBrowserView(jsonFromCall: URLRetrieve(URLtoFetch: applicationDelegate.apiURL))
.navigationBarTitle("")
.navigationBarHidden(true)
}
更新
正如@ peacmoonon在评论中指出的那样，当你在导航堆栈中导航时，导航栏仍然隐藏，不管你是否在后续视图中将navigationBarHidden设置为false。正如我在评论中所说，这要么是苹果执行不力的结果，要么只是糟糕的文档(谁知道呢，也许有一种“正确”的方法来实现这一点)。
无论如何，我想出了一个变通办法，似乎能产生原始海报想要的结果。我很犹豫要不要推荐它，因为它看起来没有必要那么俗气，但是没有任何直接的隐藏和取消隐藏导航栏的方法，这是我能做的最好的了。
这个例子使用了三个视图——View1有一个隐藏的导航条，View2和View3都有带有标题的可见导航条。
struct View1: View {
@State var isNavigationBarHidden: Bool = true
var body: some View {
NavigationView {
ZStack {
Color.red
NavigationLink("View 2", destination: View2(isNavigationBarHidden: self.$isNavigationBarHidden))
}
.navigationBarTitle("Hidden Title")
.navigationBarHidden(self.isNavigationBarHidden)
.onAppear {
self.isNavigationBarHidden = true
}
}
}
}
struct View2: View {
@Binding var isNavigationBarHidden: Bool
var body: some View {
ZStack {
Color.green
NavigationLink("View 3", destination: View3())
}
.navigationBarTitle("Visible Title 1")
.onAppear {
self.isNavigationBarHidden = false
}
}
}
struct View3: View {
var body: some View {
Color.blue
.navigationBarTitle("Visible Title 2")
}
}
在导航堆栈中更深的视图上设置navigationBarHidden为false似乎不能正确地覆盖最初将navigationBarHidden设置为true的视图的首选项，所以我能想到的唯一的解决方法是使用绑定来改变原始视图的首选项，当一个新视图被推到导航堆栈上时。
就像我说的，这是一个俗气的解决方案，但没有苹果的官方解决方案，这是我能想到的最好的解决方案。
我也尝试了本页上提到的所有解决方案，只发现@graycampbell解决方案工作良好，具有良好的动画效果。所以我试着创建一个值，我可以在整个应用程序中使用，我可以通过hackingwithswift.com的例子访问任何地方
我创建了一个ObservableObject类
class NavBarPreferences: ObservableObject {
@Published var navBarIsHidden = true
}
把它传递给SceneDelegate中的初始视图，就像这样
var navBarPreferences = NavBarPreferences()
window.rootViewController = UIHostingController(rootView: ContentView().environmentObject(navBarPreferences))
然后在ContentView中，我们可以像这样跟踪这个Observable对象，并创建一个指向SomeView的链接:
struct ContentView: View {
//This variable listens to the ObservableObject class
@EnvironmentObject var navBarPrefs: NavBarPreferences
var body: some View {
NavigationView {
NavigationLink (
destination: SomeView()) {
VStack{
Text("Hello first screen")
.multilineTextAlignment(.center)
.accentColor(.black)
}
}
.navigationBarTitle(Text(""),displayMode: .inline)
.navigationBarHidden(navBarPrefs.navBarIsHidden)
.onAppear{
self.navBarPrefs.navBarIsHidden = true
}
}
}
}
然后当访问第二个视图(SomeView)时，我们像这样再次隐藏它:
struct SomeView: View {
@EnvironmentObject var navBarPrefs: NavBarPreferences
var body: some View {
Text("Hello second screen")
.onAppear {
self.navBarPrefs.navBarIsHidden = false
}
}
}
为了保持预览工作，添加NavBarPreferences到预览，如下所示:
struct SomeView_Previews: PreviewProvider {
static var previews: some View {
SomeView().environmentObject(NavBarPreferences())
}
}
我有一个类似的问题，当工作在一个应用程序，TabView应该显示一旦用户登录。
正如@graycampbell在他的评论中建议的那样，TabView不应该嵌入到NavigationView中，否则“空白”将会出现，即使使用.navigationBarHidden(true)
我使用ZStack来隐藏NavigationView。注意，对于这个简单的示例，我使用@State和@Binding来管理UI可见性，但是您可能希望使用更复杂的东西，例如环境对象。
struct ContentView: View {
@State var isHidden = false
var body: some View {
ZStack {
if isHidden {
DetailView(isHidden: self.$isHidden)
} else {
NavigationView {
Button("Log in"){
self.isHidden.toggle()
}
.navigationBarTitle("Login Page")
}
}
}
}
}
当我们按下Log In按钮时，初始页面消失，DetailView被加载。当我们切换注销按钮时，登录页面重新出现
struct DetailView: View {
@Binding var isHidden: Bool
var body: some View {
TabView{
NavigationView {
Button("Log out"){
self.isHidden.toggle()
}
.navigationBarTitle("Home")
}
.tabItem {
Image(systemName: "star")
Text("One")
}
}
}
}
我试着设置
.navigationBarTitle(""， displayMode: .inline) .navigationBarHidden(true)
但这并不奏效。问题是我把它设置成
NavigationView{...}.navigationBarTitle("", displayMode: .inline)
.navigationBarHidden(true)
但是为了摆脱NagigationBar，它应该被设置为内部视图
NavigationView{
InnerView{}.navigationBarTitle("", displayMode: .inline)
.navigationBarHidden(true)
}
希望这能有所帮助
要查看具体操作，您可以查看这个开源应用程序(WIP) https://github.com/deepaksingh4/KidsBookApp
