Mercurial > public > geoquiz
annotate GeoQuiz/Components/GameButtonHelper.swift @ 11:039b26a99a48
implementing RevenueCat
| author | Dennis C. M. <dennis@denniscm.com> |
|---|---|
| date | Sun, 09 Oct 2022 17:02:34 +0200 |
| parents | a793f33f05fb |
| children | f140bb277c96 |
| rev | line source |
|---|---|
| 0 | 1 // |
|
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
0
diff
changeset
|
2 // GameButtonHelper.swift |
| 0 | 3 // GeoQuiz |
| 4 // | |
| 5 // Created by Dennis Concepción Martín on 5/9/22. | |
| 6 // | |
| 7 | |
| 8 import SwiftUI | |
| 9 | |
| 10 struct GameButton: View { | |
| 11 let gradient: Gradient | |
| 12 let level: String | |
| 13 let symbol: String | |
| 14 let name: String | |
| 15 | |
| 16 var body: some View { | |
| 11 | 17 RoundedRectangle(cornerRadius: 20) |
| 18 .fill( | |
| 19 LinearGradient( | |
| 20 gradient: gradient, | |
| 21 startPoint: .trailing, endPoint: .leading | |
| 0 | 22 ) |
| 11 | 23 ) |
| 24 .frame(height: 180) | |
| 25 .frame(maxWidth: 700) | |
| 26 .overlay { | |
| 27 ZStack(alignment: .trailing) { | |
| 28 VStack(alignment: .leading) { | |
| 29 HStack { | |
| 30 Image(systemName: symbol) | |
| 31 .font(.headline) | |
| 32 .padding(5) | |
| 33 .background( | |
| 34 RoundedRectangle(cornerRadius: 5) | |
| 35 .stroke(lineWidth: 1.5) | |
| 36 ) | |
| 37 | |
| 38 Spacer() | |
| 39 } | |
| 40 .padding(.bottom) | |
| 41 | |
| 42 VStack(alignment: .leading, spacing: 5) { | |
| 43 Text(level) | |
| 44 .font(.callout) | |
| 45 | |
| 46 Text(name) | |
| 47 .font(.title.bold()) | |
| 48 } | |
| 49 } | |
| 50 .foregroundColor(.white) | |
| 51 .padding() | |
| 0 | 52 } |
| 53 } | |
| 54 } | |
| 55 } | |
| 56 | |
|
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
0
diff
changeset
|
57 struct GameButton_Previews: PreviewProvider { |
| 0 | 58 static var previews: some View { |
| 59 GameButton( | |
|
10
a793f33f05fb
refactor code and fix layout
Dennis C. M. <dennis@denniscm.com>
parents:
0
diff
changeset
|
60 gradient: .main, |
| 0 | 61 level: "Level 1", |
| 11 | 62 symbol: "flag.fill", |
| 0 | 63 name: "Guess the flag" |
| 64 ) | |
| 65 } | |
| 66 } |