talksik/nirvana-ios
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

getting a basic template created, but still messy

Browse Source
This commit is contained in:
talksik
2021-12-13 03:00:24 -08:00
parent 8c207082ed
commit 70b43ecb8a
2 changed files with 97 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nirvana-ios/Views/Templates/OnboardingTemplateView.swift
+96 -3
View File
@@ -8,16 +8,109 @@
import SwiftUI
struct OnboardingTemplateView: View {
let screenWidth = UIScreen.main.bounds.width
let screenHeight = UIScreen.main.bounds.height
private let headerText: String
private let imageName:String
private let mainLeadingActionText:String
private let mainHighlightedActionText:String
private let mainTrailingActionText:String
private let subActionText:String
private var bottomActionArea:AnyView
init() {
init(hdrText:String = "Welcome to Nirvana",
imgName:String = "undraw_calling_re_mgft",
mainLeadingActText:String = "Your ",
mainHighlightedActText: String = "minimalist ",
mainTrailingActText:String = "social media.",
subActText: String = "this is the test of the main thing.",
bottomActArea:AnyView = AnyView(Text("this is the action area"))) {
self.headerText = hdrText
self.imageName = imgName
self.mainLeadingActionText = mainLeadingActText
self.mainHighlightedActionText = mainHighlightedActText
self.mainTrailingActionText = mainTrailingActText
self.subActionText = subActText
self.bottomActionArea = bottomActArea
}
var body: some View {
VStack(alignment: .leading, spacing: 0) {
// nav bar
HeaderView()
}
VStack {
// illustration
Image("undraw_friendship_mni7")
.renderingMode(.original)
.resizable()
.aspectRatio(contentMode: .fit)
VStack(alignment: .leading) {
Text("Your ")
.font(.title)
.foregroundColor(NirvanaColor.black)
+ Text("minimalist ")
.font(.title)
.foregroundColor(NirvanaColor.teal)
+ Text("social media.")
.font(.title)
.foregroundColor(NirvanaColor.black)
Text("tired of the rat race on insta, tik-tok, snap, meta?")
.foregroundColor(Color.gray)
.padding(.top, 5)
.fixedSize(horizontal: false, vertical: true)
Spacer()
}
.frame(maxWidth: screenWidth - 20)
VStack(alignment: .center) {
NavigationLink(destination: HomeView()) {
Text("Start Your Detox")
.bold()
.foregroundColor(NirvanaColor.white)
.frame(maxWidth: .infinity)
.padding(.vertical, 20)
.background(NirvanaColor.teal)
.clipShape(Capsule())
.shadow(radius:10)
}
Button(
action: {
print("link to website learn more clicked")
},
label: {
Text("Learn More")
.bold()
})
//learn more button to usenirvana.com
}
.padding(.top, 20)
}
.padding()
.frame(maxWidth: screenWidth - 20)
Spacer()
} // Vstack
.accentColor(NirvanaColor.teal)
.background(NirvanaColor.bgLightGrey)
.navigationBarTitleDisplayMode(.inline)
// .background(RadialGradient(gradient: Gradient(colors: [NirvanaColor.teal.opacity(0.1), NirvanaColor.bgLightGrey, NirvanaColor.bgLightGrey]), center: .center, startRadius: 0, endRadius: 200)
// )
}
}
nirvana-ios/Views/WelcomeView/WelcomeView.swift
+1 -71
View File
@@ -12,77 +12,7 @@ struct WelcomeView: View {
let screenHeight = UIScreen.main.bounds.height
var body: some View {
VStack(spacing: 0) {
// nav bar
HeaderView()
VStack {
// illustration
Image("undraw_friendship_mni7")
.renderingMode(.original)
.resizable()
.aspectRatio(contentMode: .fit)
VStack(alignment: .leading) {
Text("Your ")
.font(.title)
.foregroundColor(NirvanaColor.black)
+ Text("minimalist ")
.font(.title)
.foregroundColor(NirvanaColor.teal)
+ Text("social media.")
.font(.title)
.foregroundColor(NirvanaColor.black)
Text("tired of the rat race on insta, tik-tok, snap, meta?")
.foregroundColor(Color.gray)
.padding(.top, 5)
.fixedSize(horizontal: false, vertical: true)
Spacer()
}
.frame(maxWidth: screenWidth - 20)
VStack(alignment: .center) {
NavigationLink(destination: HomeView()) {
Text("Start Your Detox")
.bold()
.foregroundColor(NirvanaColor.white)
.frame(maxWidth: .infinity)
.padding(.vertical, 20)
.background(NirvanaColor.teal)
.clipShape(Capsule())
.shadow(radius:10)
}
Button(
action: {
print("link to website learn more clicked")
},
label: {
Text("Learn More")
.bold()
})
//learn more button to usenirvana.com
}
.padding(.top, 20)
}
.padding()
.frame(maxWidth: screenWidth - 20)
Spacer()
} // Vstack
.accentColor(NirvanaColor.teal)
.background(NirvanaColor.bgLightGrey)
.navigationBarTitleDisplayMode(.inline)
// .background(RadialGradient(gradient: Gradient(colors: [NirvanaColor.teal.opacity(0.1), NirvanaColor.bgLightGrey, NirvanaColor.bgLightGrey]), center: .center, startRadius: 0, endRadius: 200)
// )
OnboardingTemplateView()
} // View body
} // View