[Feat] 온보딩 뷰

[RapidSloth]

PR 가이드라인

PR Checklist

PR 날릴 때 체크 리스트

• [x] 코드 컨벤션을 잘 지키셨나요?
• [x] 이슈 체크리스트를 잘 반영했나요?
• [x] Conflict 문제가 발생하지는 않나요?

PR Type

어떤 종류의 PR인가요?

• [ ] 버그 수정
• [x] 새 기능 개발
• [ ] 코드 스타일 변경
• [ ] 리팩토링
• [ ] 문서 작업 변경
• [ ] 기타 작업

연관되는 issue 정보를 알려주세요

Issue Number: N/A

PR 설명하기

• 소혜님이 만들어놓으신 OnboardingView기반으로 이것저것 추가했습니다

어떻게 작동하나요? code 기반으로 설명해주세요

TabView(selection: $currentIndex.animation()) { 
    ForEach(Array(zip(viewModel.onboardingList.indices, viewModel.onboardingList)), id: \.0) { index, item in
        ZStack {
           Color.white
               .ignoresSafeArea()

         VStack(spacing: 15) {
            Text(item.content)
               .font(.bold20)
               .multilineTextAlignment(.center)

            Image(item.image)
               .resizable()
               .frame(width: UIScreen.main.bounds.size.height * 0.4 ,height: UIScreen.main.bounds.size.height * 0.45)
            }
        }
        .tag(index)
    }
}
.ignoresSafeArea()
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
.overlay(IndexView(numberOfPages: viewModel.onboardingList, currentIndex: $currentIndex, isFirstLaunching: $isFirstLaunching))

PageTabViewStyle의 indicator를 Custom으로 구현했습니다. overlay로 표시됩니다.

---

가능하다면 추가해주세요

변경 사항 스크린샷 혹은 화면 녹화

스크린샷

기타 언급해야 할 사항들

• 멘트와 이미지 >> 더 좋은 것이 있을지 의논이 필요합니다.
• 무료 이미지라 저작권자 표기가 필요합니다. 작가 rawpixel.com + Designed by Freepik