【问题标题】:Swift List looks too bigSwift List 看起来太大了
【发布时间】:2020-12-26 20:25:29
【问题描述】:

我的应用中有一个列表。当我单击列表中的一个项目时,它会打开另一个列表。第一个列表看起来不错,但第二个列表看起来太大了。这是它看起来正常的样子(好):

这是看起来不太好的列表:

在第二张图片上,我遇到的问题是:

  • 标题太大
  • 列表项开始时离标题太远了

这就是代码,代码在两个列表中看起来都一样。唯一的区别是我在第二个中使用了一些不同的变量名。

    return VStack {
        ZStack {
            NavigationView {

                List {
                    ForEach(zettelArr) { x in
                        NavigationLink(destination: ZettelViewDetails(passedVar: x)) {
                                Text("\(x.name)")
                            }
                    }
                    
                }.navigationBarTitle(alertVariable)
                .navigationBarItems(trailing: Button(action: {
                    
                    alertView()
                    
                    //self.isShown = true
                }) {
                    Image(systemName: "plus")
                })
                
                
                  
            }
            
            //SwiftUIAlertViewWithTextBox(isShown: $isShown, message: $msg, title: $title)
            
        }

    
    }

我的目标是,第二个列表看起来与主列表完全相同。

这怎么可能?

好吧,我不知道为什么图片的格式不起作用,也许我只是愚蠢。第一张图片是我希望它看起来的 MainList,第二张是格式不同的列表,即使它的代码完全相同。

【问题讨论】:

    标签: swift list swiftui


    【解决方案1】:

    您在两个列表视图中都使用 NavigationView,而只有第一个应该在 NavigationView 内

    你的 ZettelViewDetails 不应该有 NavigationView 作为父母

    例子:

    主要

    NavigationView {
      List {
            ForEach(zettelArr) { x in
              NavigationLink(destination: ZettelViewDetails(passedVar: x)) 
               {
                 Text("\(x.name)")
                }
            }
                        
          }.navigationBarTitle(alertVariable)
    }
    

    详情

    VStack {
     ForEach(zettelArr) { x in
      NavigationLink(destination: ZettelViewDetails(passedVar: x)) {
          Text("\(x.name)")
      }
     }
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-12-22
      • 2018-01-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-18
      • 2020-09-13
      • 1970-01-01
      相关资源
      最近更新 更多