리액트네비게이션(2)
-
[React Navigation] navigate할때 Dynamic한 params의 타입 세팅해주기
안녕하세요 😊 케빈입니다 🙏 제가 요즘 Typescript + ReactNative를 사용해서 개인적으로 앱을 만들고있는데요 useNavigation을 Typescript와 사용하면서 dynamic하게 변하는 param들을 screen에 맞게 type을 세팅해주고자할때 어떻게 해야할지 고민하고 적용한 사례를 공유하고자 합니다 👏 먼저 Typescript 쓰기전 코드를 공유하겠습니다 import { useNavigation } from '@react-navigation/native'; import React, { useCallback } from 'react'; import SliderBanner from '../components/SliderBanner'; const SliderBannerContaine..
2021.09.25 -
[React Navigation] useNavigation에 Typescript 적용하기 🌸
React Navigation에 Typescript를 쓰기시작하면서 이전에 JSX에서 쓰던 그냥 일반 String타입이 아닌 navigation용으로 타입을 따로 재 정의해주어야한다! 이전 JSX에서는 import React, { useCallback } from 'react'; import { useNavigation } from '@react-navigation/native'; const HomeContainer = () => { const navigation = useNavigation(); const __onPressed = useCallback(() => { //이벤트 페이지로 이동하면서 어떤 이벤트를 보여줄지 알려주기 navigation.navigate('event', {key : 'ASD9f..
2021.09.24