공통 네비게이션 바 useTopNavigation 훅 동작

개발
,
1 
const { addAccessoryButton, removeAccessoryButton } = useTopNavigation()

addAccessoryButton({...})

네비게이션바 AccessoryButton 버튼을 페이지별로 다르게 사용하려는데여

  • a 페이지: 버튼o
  • b 페이지: 버튼x
  • c 페이지: 버튼o

해당 훅을 사용하면 한번만 생성되었다가 사라지고, 더보기와 종료 버튼 동작 이상하네요 ㅠ

  • 더보기 버튼 : 동작안함
  • 종료 버튼 : confirm 팝업 안뜸

페이지별로 다르게 사용 할 수 없을까여?

// package.json 
  "dependencies": {
    "@apps-in-toss/framework": "^1.4.0",
    "@granite-js/native": "^0.1.28",
    "@granite-js/plugin-router": "^0.1.28",
    "@granite-js/react-native": "^0.1.28",
    "@tanstack/react-query": "^5.87.1",
    "@toss/tds-react-native": "^1.3.3",
    "axios": "^1.12.2",
    "jotai": "^2.14.0",
    "react": "^18.2.0",
    "react-native": "^0.72.6"
  },
2

그래서 granite.config.ts initialAccessoryButton 버튼을 등록하고

useEffect(() => {
  const cleanup = tdsEvent.addEventListener('navigationAccessoryEvent', {
    onEvent: ({ id }) => {
      navigation.navigate('/my-page')
    },
  })

  return cleanup
}, [])

tdsEvent로 이벤트 구현 후,

특정페이지에서 removeAccessoryButton() or addAccessoryButton(undefined) 해보기도 했는데도

더보기 안되고, 종료도 confirm 없이 바로 종료 되네영

3

안녕하세요 :man_bowing:
sdk 1.4.5로 업데이트 후 테스트 부탁드려요

1개의 좋아요