SwiftUI Code snippet - 내가 보려고 정리하는 코드

1. NavigationView 안에 ListView를 넣을 때 ListView의 디자인이 강제로 바뀌는 이슈 

ListView일때는 자연스러운 full width listview 이다가 NavigationView안에 넣고 navigationBarItems를 추가하는 순간 아래 화면처럼 리스트 뷰가 어색하게 래핑되는 현상이 있었다. 이는 NavigationView 안에 있을때 ListView 스타일을 강제로 변경하기 때문이다. 명시적으로 listStyle을 지정해 주면 해결 가능. 

NavigationView {
	List(0..<5) { item in
    	RecordingCell()
    }
    .listStyle(PlainListStyle()) // 명시적으로 스타일 지정해주기
    .navigationBarTitle(Text("녹음내역"))
}

PlainListStyle() 지정하기 전 / 후 

 

2. SwiftUI에서 PresentView 하기 

SwiftUI의 NavigationView와 NavigationLink를 사용하면 View 의 Push 는 쉽게 구현할 수 있지만 Present 가 안되는 문제가 있었다. 

Present는 NavigationView와 상관없이 .sheet 함수를 이용해서 구현한다. 

 

@State private var isShowingRecordingView = false
..
Button("녹음하기") {
      isShowingRecordingView = true
  }
  .frame(maxWidth: .infinity)
  .foregroundColor(Color.white)
  .padding()
  .background(Color.blue)
  .sheet(isPresented: $isShowingRecordingView) {
      RecordingView()
  }

 

3. SwiftUI 에서 .sheet 로 present 한 뷰를 swipe to dismiss 하고 싶지 않을때 

기본적으로 아래 처럼 .sheet 를 이용해서 뷰를 present 한 경우 무조건 뷰가 swipe to dismiss 되어 버린다. 원래 UIKit 에서는

editVC.isModalInPresentation = true  를 이용해서 swipe to dismiss 를 방지할 수 있지만 SwiftUI 에서는 해당 기능을 지원하지 않는다. 녹음하는 와중에 RecordingView가 dismiss 되어버리는 이슈가 있어서 아래 StackOverFlow 질문의 답을 통해서 해결할 수 있었다. 

Prevent dismissal of modal view controller in SwiftUI

View 를 extension 한 코드를 몇 줄 추가하면 아래와 같이 사용할 수 있다. isInModal 의 값에 따라서 dismiss가 되고 안되고를 결정 할 수 있다. 

 

// 적용하기 전 
Button("녹음하기") {
  	isShowingRecordingView = true
  }
  .sheet(isPresented: $isShowingRecordingView) {
    RecordingView()
  }

// 적용 한 후 
@State private var isInModal = false
..
Button("녹음하기") {
  	isShowingRecordingView = true
  }
  .sheet(isPresented: $isShowingRecordingView) {
    RecordingView()
      .presentation(isModal: $isInModal) {
          print("Attempted to dismiss")
      }
  }

 

 

4. 강제로 Dark Theme 으로 설정하기 

SwiftUI의 경우 .preferredColorScheme(.dark) 를 이용해서 View 별로 컬러스킴을 지정할 수 있고, 제일 최상단의 ContentView에 지정함으로서 앱 전체의 컬러스킴을 변경 할 수도 있다. 

 

//UIKit
myView.window?.overrideUserInterfaceStyle = .dark

//SwiftUI
ContentView().preferredColorScheme(.dark)

 

5. SwifUI 프로젝트에서 AppDelegate 사용하고 싶을 때 

아래처럼 추가해 주면 AppDelegate 함수에 접근할 수 있다. (필요한 함수만 적어서 사용 가능) 그리고 메인 App 안에도 한번 선언 해줘야 한다. 

 

class AppDelegate: NSObject, UIApplicationDelegate {
    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey : Any]? = nil) -> Bool {                
    	// do anything
        return true
    }
}

struct RecordingApp: App {
    @UIApplicationDelegateAdaptor(AppDelegate.self) var appDelegate
    
    var body: some Scene {
        WindowGroup {            
            ContentView()
        }
    }
}

 

6. SwiftUI 에서 TextField 가 있는 AlertView를 만들고 싶을 때 

SwiftUI 에서는 TextField 가 있는 얼럿을 제공하지 않는다. 아래 답변을 참고해서 적용할 수 있었다. 

How to add a TextField to Alert in SwiftUI?

 

Action Sheet를 사용할 때 

@State var showActionSheet = false

var body: some View {
    Button(action: {
        self.showActionSheet = true
    }) {
        Text("Show Action Sheet")
    }
    .actionSheet(isPresented: $showActionSheet) {
        ActionSheet(title: Text("title"), message: Text("message"), buttons: [.default(Text("Dismiss")), .cancel(Text("Cancel"))])
    }
}	

SwiftUI 넘넘 좋은데, 가끔 제공하지 않는 기능들이 있어서 불편할 때가 있는 듯 ㅜ