리액트네이티브(4)
-
React-Native Android mergeDebugNativeLibs 빌드 이슈 해결
안드로이드 빌드시 'mergeDebugNativeLibs' 해당 이슈가 발생하며 빌드가 되지않는 현상이 일어나고있습니다. 해당 버그를 고치기 위해 React-Native 팀은 Hotfix를 배포하였으며 해당 사항은 아래 버전을 사용하시는 개발자님들에게 해당되는 사항입니다(0.63.x ~ 0.70.x). 0.70.x -> 0.70.5 0.69.x -> 0.69.7 0.68.x -> 0.68.5 0.67.x -> 0.67.5 0.66.x -> 0.66.5 0.65.x -> 0.65.3 0.64.x -> 0.64.4 0.63.x -> 0.63.5 반드시 업데이트가 필요하며 안드로이드 빌드를 clean 한 이후 다시 빌드를 실행해 주시면됩니다. cd android && ./gradlew clean < 0.63 ..
2022.11.15 -
[ReactNative] React Native Typescript 세팅하기
React-Native 에서 타입스크립트로 프로젝트를 만드는 방법을 설명해보겠습니다! npx react-native init yourappname --template react-native-template-typescript 먼저 npx 를 통해서 react-native 의 최신버전을 받아오고, yourappname 자리에 여러분의 프로젝트 이름을 적어주세요! 뒤에 --template 부분에서는 어떤 템플릿을 적용할지 적는 부분인데, react-native-template-typescript를 작성하고 엔터! 😁 Github 주소 : https://github.com/react-native-community/react-native-template-typescript GitHub - react-native..
2021.09.26 -
[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