article

Thursday, November 25, 2021

SwiftUI Landing Page

SwiftUI Landing Page

ContentView.swift
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
//
//  ContentView.swift
//  Swiftuitest
//
//  Created by Cairocoders
//
 
import SwiftUI
 
struct ContentView: View {
     
    var body: some View {
        ZStack {
            Image("onboarding").resizable().aspectRatio(contentMode: .fill).edgesIgnoringSafeArea(.all)
             
            Rectangle()
                .foregroundColor(.clear)
                .background(LinearGradient(gradient: Gradient(colors: [.clear, .black]), startPoint: .bottom, endPoint: .top))
                .edgesIgnoringSafeArea(.all)
             
            VStack (spacing :29) {
                Text("GigaPro").font(.title).fontWeight(.heavy)
                Spacer()
                VStack {
                    Text("Good App").font(.system(size: 40, design: .monospaced)).fontWeight(.heavy)
                    Text("Make Live Better").font(.system(size: 30, design: .monospaced)).fontWeight(.heavy)
                }.padding(.vertical, 20)
                 
                Text("Check out the trendy App")
                    .lineLimit(2)
                    .multilineTextAlignment(.center)
                 
                Button(action: {}) {
                    Text("Join Now").padding()
                }.frame(width:300).background(Color.orange)
            }.frame(width: UIScreen.main.bounds.width - 40)
                .foregroundColor(.white)
        }
    }
}
 
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Related Post