Как мне воспроизвести грубый фон приложения заметок с SwiftUI?

Question

Если вы посмотрите на Notes.app, вы увидите, что фон представления не плоский и что он имеет грубую текстуру, и я хочу повторить это для приложения, над которым я работаю, используя SwiftUI, но я не знаю, как бы я поступил так.

Answer 1

Вот мой вид текстуры:

struct RoughTextureView: View {
    var body: some View {
        Image("texture")
            // Note: a resizable Image will fill its superview
            .resizable(capInsets: EdgeInsets(), resizingMode: .tile)
    }
}

... где texture это 50x50 изображение:

А вот как это использовать:

struct ContentView: View {

    var body: some View {
        NavigationView {
            ZStack {
                RoughTextureView()
                    //...so it goes underneath the navigation bar
                    .edgesIgnoringSafeArea(.top)
                ScrollView {
                    ForEach(0...100) { noteNumber in
                        HStack {
                            Text("Awesome note #\(noteNumber)")
                                .frame(height: 20)
                                .padding()
                        }
                    }
                }
                //...so it doesn't overlap with the navigation bar
                .offset(x: 0, y: 20)
            }
            .navigationBarTitle(Text("My Notes").font(.largeTitle))
        }
    }

}

Используйте ZStack, чтобы поместить его под все виды.

Результат :