ScrollView SwiftUI - PullRequest
Новая
       81

ScrollView SwiftUI

1 голос
/ 06 октября 2019

Я разрабатываю приложение с быстрым пользовательским интерфейсом. Это одно приложение View. Но у меня проблема с scrollView

Я пытался удалить scrollView, но он ничего не изменил. У меня всегда есть эта большая белая проблема в верхней части моего зрения.

https://imgur.com/a/BiWy0fe


import SwiftUI

struct Redactor {
    var id: Int
    let name, imageURL, since, bio: String
}

struct Article {
    var id: Int
    let name, image, content, redactor: String
}


struct MainScreenView: View {

    let redactors:[Redactor] = [...]

    let articles:[Article] = [...]

    var body: some View {

        NavigationView {
            ScrollView(.vertical, showsIndicators: true) {
                VStack(alignment: .leading) {
                ScrollView(.horizontal, showsIndicators: false) {
                        HStack(alignment: .top, spacing: 20) {
                            ForEach(redactors, id: \.id) { Redactor in
                                NavigationLink(destination: MainRedactorView(redactor: Redactor)) {
                                    RedactorView(redactor: Redactor)

                                }
                            }
                        }.padding(.leading, 15)
                }.padding(.top, 10)

                VStack(alignment: .leading) {
                    Text("Les Dernières nouvelles :")
                        .font(.title)
                        .fontWeight(.bold)
                        .padding(.leading, 15)
                        .padding(.top, 20)

                    ForEach(articles, id: \.id) { Article in
                        ArticleView(article: Article)
                    }
                }
                }
            }
            .navigationBarTitle(Text("The News Place"))
                }


        }
    }


struct RedactorView: View {

    let redactor : Redactor

    var body : some View {
            VStack {
                Image(redactor.imageURL)
                    .resizable()
                    .frame(width: 150, height: 150)
                    .aspectRatio(contentMode: .fill)
                    .cornerRadius(75)
                Text(redactor.name)
                    .font(.subheadline)
                    .fontWeight(.bold)
        }
        }
    }

struct ArticleView: View {
    var article: Article

    var body: some View {
        VStack (alignment: .leading) {
            Image(article.image)
                .renderingMode(.original)
                .resizable()
                .cornerRadius(10)
                .aspectRatio(contentMode: .fit)

                Text(article.name)
                    .font(.title)
                    .fontWeight(.bold)
                Text("Le Rondeau Mag'")
                    .font(.subheadline)
                    .foregroundColor(.red)
                Text(article.content)
                    .font(.body)
                    .lineLimit(5)
                    .foregroundColor(.secondary)

        }.padding()
    }
}

Я хотел бы удалить этот белый пробел в верхней части моего вида прокрутки. Спасибо

1 Ответ

0 голосов
/ 11 октября 2019

- это NavigationView, создающий пустое пространство сверху. Попробуйте с помощью 

.navigationBarTitle(Text("The News Place"), displayMode: .inline)

и посмотрите, исчезает ли белое пространство.

...