네이게이션 요소 추가

개발
1

네비게이션 바에 리더보드를 추가 했습니다 그런데 버튼을 누르면 리더보드로 이동하지 않습니다.
“@apps-in-toss/web-framework”: “1.4.0” 버전에서
openGameCenterLeaderboard()요 API를 사용중인데

해당 사이트에서 추가하는 방법이랑 같을까요? 아니면 navigate를 사용해서 라우팅 이동을 해야지 리더보드로 이동이 되는걸까요?

2

@wellgood 님 안녕하세요

혹시 아래 설정 되어있을까요?

webViewProps.type = 'game'
3

@seonjeong

image
image471×551 25.4 KB

granite.config.ts 입니다

4

안녕하세요 :slight_smile:

 const handleOpenLeaderboard = useCallback(() => {
        const isSupported = isMinVersionSupported({
            android: "5.221.0",
            ios: "5.221.0",
        });

        if (!isSupported) {
            console.log('⚠️ 리더보드는 지원되지 않는 버전입니다');
            alert('리더보드는 최소 버전 5.221.0 이상에서 지원됩니다');
            return;
        }

        console.log('리더보드 웹뷰 열기...');
        openGameCenterLeaderboard();
    }, []);
    
    // tdsEvent 이벤트 리스너 등록
    useEffect(() => {
        const cleanup = tdsEvent.addEventListener('navigationAccessoryEvent', {
            onEvent: ({ id }) => {
                if (id === 'leaderboard') {
                    handleOpenLeaderboard();
                } 
            },
        });

        // 컴포넌트 언마운트 시 이벤트 리스너 제거
        return () => {
            cleanup();
        };
    }, []);

이렇게 호출해주시면 되겠습니다 :man_bowing:

5

@Dylan 감사합니다 넘어갑니다. 혹시 하나만 더 여쭤봐도 될까요…?
실행후 아이폰 상단이 블러처리가 되어있는데 이건 어찌 처리해야할까요??

6

엇 혹시 해당 화면 캡쳐해주실 수 있을까요 ?

7

@Dylan 부모 요소에 isolation추가 하니깐 사라졋습니다. 감사합니다.