관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - SwiftUI] 문자열에 이미지 넣는 방법 (Text를 +로 이어 붙이기) 본문

iOS 응용 (SwiftUI)

[iOS - SwiftUI] 문자열에 이미지 넣는 방법 (Text를 +로 이어 붙이기)

jake-kim 2024. 8. 28. 01:27

* Swift는 NSTextAttachement를 활용하지만, SwiftUI에서는 더욱 단순하게 처리가 가능

문자열 중간에 들어가있는 이미지

문자열에 이미지 넣는 방법

  • SwiftUI에서는 Text라는 UI 컴포넌트가 있는데 단순히 이것을 활용하면 쉽게 이미지 넣기가 가능
  • HStack을 활용한다면 아래처럼 넣을 수 있지만, 문자열이 길어지게 되면 이상하게 적용 
struct ContentView: View {
    var body: some View {
        VStack {
            Text("이미지 붙이기 예제")
            Image(systemName: "globe")
            Text("입니다")
        }
    }
}

  • 문자열이 긴 경우, 두 줄이 되면 아래처럼 삽입
Text("이미지 붙이기 예제 만약 문자열이 길어진다면? 어떻게 들어가?")
Image(systemName: "globe")
Text("입니다")

  • 이 방법보단, 단순히 소괄호로 감싸고 Text안에 Image를 넣은 후 +로 연결하면 안에 손쉽게 이미지를 넣기가 가능
(Text("이미지 붙이기 예제입니다. 이렇게 이미지가 문자열 중간에") + Text(Image(systemName: "globe")) + Text("들어 갑니다"))

 

결과)

문자열 중간에 들어가있는 이미지

 

Comments