[SwiftUI] 단축키로 편하게 VStack, HStack 에 Embed 하기

Embed in HStack / Embed in VStack shortcut

naljin
3 min readJul 21, 2021

canvas 가 열리지 않은 상태에서 Text와 같은 UI 컴포넌트를 cmd + click 하면 아래와 같은 Action menu pop over 가 나온다

하지만 cmd + option + enter로 canvas 를 열어주고 똑같이 cmd + click 을 다시 해본다면? (참고로 canvas 를 닫고 싶으면 cmd + enter )

Embed in VStack 뿐만 아니라 Repeat 등 UI 관련 추가 작업을 도와주는 옵션들이 더 나온다

Embed in VStack
Repeat
Make Conditional

+) 2022.05.20 : 근데 이제는 canvas 를 닫은 상태로 cmd + click 을 해도 똑같이 Action menu 에 대한 결과가 나온다. 만약 click 을 안하고 shortcut 으로만 해결하고 싶다면 cmd + shift + a

또 pop over의 shortcut에 나와있듯, canvas 창이 열려 있는 상태로 Text를 control + option + click 하면?

기존에 우측에 존재했던 Text와 관련된 inspector가 코드 창에 pop over 형태로 바로 뜬다

더 신기한건 동일한 동작들을 canvas 에서 컴포넌트를 잡고 해도 된다는 것!

추가로 기존과 같이 cmd + shift + l 을 누르면 추가할 수 있는 component 들이 뜨는데

이 상태에서 원하는 UI 요소를 코드나 canvas에 바로 drag & drop 할 수 도 있다

꽤나 신기해~ 오늘의 꿀팁 끗!

몇가지 SwiftUI 에서 자주 사용하는 단축키를 더 놓고 가자면..

  • cmd + option + p : preview 새로 고침
  • cmd + option + [ or cmd + option + ] : 코드 위 or 아래로 이동

출처

--

--