SwiftUI의 BoderlessButtonStyle 활용하기

SwiftUI에서 버튼 컴포넌트를 사용할 때 다양한 스타일을 적용할 수 있습니다 🙋🏻


이 중 경계, 즉 테두리가 없는 버튼을 적용하기 위해 BorderlessButtonStyle을 편리하게 이용할 수 있는데요.


이는 디자인적으로도 원하는 바를 달성할 수 있지만 사실 기능적으로도 필요에 의해 사용하는 경우도 있습니다.


바로, 상하위 뷰 관계를 가질때 하위 뷰의 버튼 클릭 액션이 이벤트 버블링이 일어나 상위 뷰로 이벤트가 전파되어 하위 뷰의 인터랙션이 무시되는 경우가 충분히 존재할 수 있습니다.

이럴때 해결할 수 있는 다양한 방법중 하나로 BorderlessButtonStyle을 이용하는것입니다!


핵심은 SwiftUI의 이벤트 처리 우선순위에 대해 명확히 인지하고 이를 잘 조정할 수 있어야합니다 😁

BorderlessButtonStyle의 활용

iOYES

BorderlessButtonStyle의 활용

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2023년 10월 18일 오후 11:40

댓글 0

    함께 읽은 게시물

    발이 닿지 않는 바다에서

    ... 더 보기

    발이 닿지 않는 바다에서

    hajoeun.com

    발이 닿지 않는 바다에서

     • 

    저장 3 • 조회 1,638


    Next.js 프로젝트를 AWS EKS에 배포하며 배운 것들

    ... 더 보기

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

    product.kyobobook.co.kr

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

     • 

    댓글 1 • 저장 24 • 조회 2,187


    📰 OpenAI가 ChatGPT의 커넥터 기능을 업데이트하면서 MCP 지원을 추가했네요.

    ... 더 보기

    Longest Common Subsequence 자바스크립트 풀이

    ... 더 보기

    Longest Common Subsequence | 알고달레

    알고달레

    Longest Common Subsequence | 알고달레

    스토리북 9 출시 소식

    ... 더 보기

    Storybook 9

    Storybook Blog

    Storybook 9

    앱 개발 개척시대

    A

    ... 더 보기

    앱 개발 개척시대

    K리그 프로그래머

    앱 개발 개척시대

     • 

    저장 7 • 조회 1,718