하이라이트 컴포넌트 사용 관련

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

안녕하세요, 현재 데우스로 이미지와 같이 상단 네비게이션 바 액세서리 버튼을 하이라이트하는 기능을 디자인하고 코드로 구현중에 있습니다.

데우스 코드 상으로는 다음과 같이 구현되어 있습니다.

import { checkMinVersion, showHighlightV3 } from ‘@tossteam/toss-app-bridge’
// 앱 버전이 227보다 낮다면 @tds/mobile의 Highlight를 fallback으로 사용해주세요.
if (checkMinVersion({ android: ‘5.227.0’, ios: ‘5.227.0’ })) {
showHighlightV3({
type: ‘circle’,
padding: 14,
width: 44,
height: 44,
x: 224,
y: 44,
message: ‘임시저장할 수 있어요’,
textAlignment: ‘center’,
textPosition: ‘bottom’,
dim: ‘strong’,
button: true,
delay: 0,
});
return;
}

여기서 문제는 제가 @tossteam/toss-app-bridge에 접근할 수 없는게 맞는지 궁금합니다.

또한 @tds/mobile의 Highlight 컴포넌트를 사용한다고 하더라도 하이라이트 대상이 상단 네비게이션 바에 있어 이를 임의로 감싸지 못한다는 문제가 있습니다. 이런 경우 해결 방법이 있을까요?

appName (선택)

mate

이미지 첨부

앱브릿지 패키지는 외부 사용이 불가능 한데, Highlight V3는 앱브릿지 의존성이 있어 앱인토스 환경에서는 사용이 어려운 컴포넌트입니다.
Highlight 컴포넌트를 새로 추가하고 배포했는데 대체 사용 부탁드립니다.

추가로 궁금한 점 있으시면 언제든 말씀해 주세요!

Highlight 컴포넌트로 대상 컴포넌트를 감싸는 형식으로 사용하는 것으로 알고 있는데.. 그렇다면 상단 네비게이션 바에 들어있는 버튼에는 사용이 불가능할까요? ㅜ