bjkim
9월 11, 2025, 6:01오전
1
안녕하세요. 공지에 올려주신 SDK를 업데이트 후, 마이그레이션까지 진행했습니다.
기존에 bedrock.config.ts에서 사용했던 webviewProps의 header가 granite.config.ts에서는 존재하지 않는다고 나타납니다.
또한 bedrockEvent도 사용하지 못하는거 같은데 어떻게 조치하면 될까요?
버전은 아래와 같습니다.
@apps-in-tossapps-in-toss /web-framewo@granite-jsk: ^1.0.3,
@granite-js /p@toss-design-systemugin-router: 0.1.21,
@toss-design-system /mobile: ^2.1.0,
@toss-design-system /mobile-ait: ^2.1.0,
1개의 좋아요
Dylan
9월 11, 2025, 8:49오전
2
안녕하세요
네비게이션 바 아이콘 추가를 위하신 것 맞을까요 ?
상단 공통 네비게이션바에 아이콘 추가하는 방법을 안내드려요.
ReactNative
import { useTopNavigation } from '@apps-in-toss/framework';
// TopNavigation 설정
const { addAccessoryButton } = useTopNavigation();
// 하트 아이콘 버튼 추가
addAccessoryButton({
title: '하트',
icon: {
name: 'icon-heart-mono',
},
id: 'heart',
onPress: () => console.log('테스트'), // 콜백함수 등록
});
혹은 granite.config.ts 에
navigationBar?: {
withBackButton?: boolean;
withHomeButton?: boolean;
initialAccessoryButton?: Init…
참고 부탁드려요
bjkim
9월 11, 2025, 8:54오전
3
해당 공지를 통해서 네비게이션 바 아이콘 추가는 해결했습니다.
기존 사용하던 bedrockEvent로 뒤로가기를 prevent하는건 어떻게 해결할 수 있나요?
bjkim
9월 12, 2025, 2:26오전
4
안녕하세요. 질문들이 많아 너무 내려가서 다시 문의 드립니다.
기존 사용하던 bedrockEvent로 뒤로가기를 prevent하는건 어떻게 해결할 수 있나요?
Dylan
9월 12, 2025, 2:38오전
5
Webview 라면 graniteEvent 를 사용해주시면 됩니다
개발자센터에도 업데이트 해두겠습니다.
import { graniteEvent } from '@apps-in-toss/web-framework';
useEffect(() => {
// 뒤로가기 버튼 눌렀을 때 사용자 확인을 받아요
const unsubscription = graniteEvent.addEventListener('backEvent', {
onEvent: () => {
const shouldLeave = window.confirm('작성 중인 내용이 저장되지 않아요. 나가시겠어요?');
if (shouldLeave) {
// 나가는 코드를 작성해요.
}
},
onError: (error) => {
alert(`에러가 발생했어요: ${error}`);
},
});
return unsubscription;
}, [graniteEvent]);
bjkim
9월 12, 2025, 2:50오전
6
답변 감사합니다!
해당 내용 인지하고 적용할 수 있도록 하겠습니다.