[Swift] Playground - FavoritesView

Playground에서 App gallery 있는 것들 중 About Me를 해보는 중이다

App	/AboutMeApp
	/ContentView
    /FavoritesView ... ✅
    /FunFactsView
    /HomeView ... ✅
    /StoryView ... ✅
    /YourTab

import SwiftUI
//#-learning-task(favoritesView)

struct FavoritesView: View {
    var body: some View {
        VStack {
            Text("Favorites")
                .font(.largeTitle)
                .fontWeight(.bold)
                .padding(.bottom, 40)
            /*#-code-walkthrough(FavoritesView.composition)*/
            HStack {
                Text("Hobbies")
                    .font(.title2)
                /*#-code-walkthrough(FavoritesView.alignment)*/
                Spacer()
                /*#-code-walkthrough(FavoritesView.alignment)*/
            }
            .padding(.leading)
            
            HStack(spacing: 20) {
                /*#-code-walkthrough(FavoritesView.edithobbies)*/
                Text("🚵‍♀️")
                    .font(.system(size: 48))
                Text("🏄‍♀️")
                    .font(.system(size: 48))
                Text("🏂")
                    .font(.system(size: 48))
                /*#-code-walkthrough(FavoritesView.edithobbies)*/
                /*#-code-walkthrough(FavoritesView.alignment1)*/
                Spacer()
                /*#-code-walkthrough(FavoritesView.alignment1)*/
            }
            
            .padding()

            Divider()
            /*#-code-walkthrough(FavoritesView.composition)*/
            
            HStack {
                Text("Foods")
                    .font(.title2)
                /*#-code-walkthrough(FavoritesView.alignment2)*/
                Spacer()
                /*#-code-walkthrough(FavoritesView.alignment2)*/
            }
            
            .padding([.top, .leading])
            /*#-code-walkthrough(FavoritesView.scroll)*/
            ScrollView(.horizontal) {
                /*#-code-walkthrough(FavoritesView.scroll)*/
                HStack(spacing: 30) {
                    Text("🥐")
                        .font(.system(size: 48))
                    Text("🌮")
                        .font(.system(size: 48))
                    Text("🍣")
                        .font(.system(size: 48))
                    /*#-code-walkthrough(FavoritesView.editFood)*/
                    Text("🍉")
                        .font(.system(size: 48))
                    Text("🥖")
                        .font(.system(size: 48))
                    Text("🍙")
                        .font(.system(size: 48))
                    Text("🍫")
                        .font(.system(size: 48))
                    Text("🥞")
                        .font(.system(size: 48))
                    Text("🥐")
                        .font(.system(size: 48))
                    Text("🌮")
                        .font(.system(size: 48))

                    /*#-code-walkthrough(FavoritesView.foods)*/
                    /*#-code-walkthrough(FavoritesView.editFood)*/

                    /*#-code-walkthrough(FavoritesView.foods)*/
                    /*#-code-walkthrough(FavoritesView.editFood)*/
                }
            }
            .padding()
            
            Divider()
            
            /*#-code-walkthrough(FavoritesView.disclosures)*/
            DisclosureGroup {
                /*#-code-walkthrough(FavoritesView.disclosures)*/
                HStack(spacing: 30) {
                    /*#-code-walkthrough(FavoritesView.colors)*/
                    Color(red: 0.6, green: 0.8, blue: 0.8)
                        .frame(width: 70, height: 70)
                        .cornerRadius(10)
                    Color(hue: 0.9, saturation: 0.5, brightness: 0.9)
                        .frame(width: 70, height: 70)
                        .cornerRadius(10)
                    Color.orange
                        .frame(width: 70, height: 70)
                        .cornerRadius(10)
                    /*#-code-walkthrough(FavoritesView.alignment3)*/
                    Spacer()
                    /*#-code-walkthrough(FavoritesView.alignment3)*/
                }
                
                .padding()
            } label: {
                Text("Guess my favorite colors")
                    .font(.title2)
                    .foregroundColor(Color(red: 0.6, green: 0.8, blue: 0.8)
)
                    
            }
            .padding()
            /*#-code-walkthrough(FavoritesView.accent)*/
            .accentColor(.purple)

            /*#-code-walkthrough(FavoritesView.accent)*/

        }
    }
}

struct FavoritesView_Previews: PreviewProvider {
    static var previews: some View {
        FavoritesView()
    }
}

👀결과