[Swift/SwiftUI] Button Style (버튼 밖을 눌러도 버튼이 눌리는 현상 해결)

앱을 만들면서 연습하다보니 이상한 현상이 발생했다.

별 버튼이 아닌 'On a roll'이라는 단어를 누르는데도 별이 눌러져 Toggle되는 현상이 발생하였다.

검색을 해보니 이런 현상은 다른 사람들도 있었고, 어느 블로그를 통해 해결할 수 있었다.

bookmarkButton()
                .buttonStyle(.plain) //이걸 입력해야 View를 눌러서 별표가 토글되는 현상 방지

Button Style을 지정해줘야 한다. (이거 알려주신 블로거 님 정말 감사한데! 출처를 까먹어서 못적습니다 ㅠㅠ)

그리고 찾은 김에 Chat GPT에 각종 Style에 대해 물어보았다.

1. .default: 기본적인 버튼 스타일로, 시스템 기본 스타일을 적용합니다.
2. .plain: 버튼 스타일 없이 간단한 텍스트나 이미지만 표시합니다.
3. .bordered: 경계선이 있는 버튼 스타일로, 버튼 주위에 경계선이 그려집니다.
4. .link: 링크 버튼 스타일로, 하이퍼링크와 유사한 스타일을 적용합니다.(iOS에서 적용 안된다고 에러 반환)
5. .borderless: 경계선 없는 버튼 스타일로, 버튼 주위에 경계선이 없이 텍스트나 이미지를 표시합니다.

직접 다 적용해보면 다음과 같은 Style이 나온다. Bordered 이외에는 큰 차이점을 모르겠는데, 역시 공부가 더 필요한가보다.