[오류] React Native SVG 사용하기

https://coding-w00se.tistory.com/10 [React Native] SVG 이미지 로드 하기 [ 라이브러리 ] github.com/react-native-svg/react-native-svg react-native-svg/react-native-svg SVG library for React Native, React Native Web, and plain React web projects. - react-native-svg/react-n.. coding-w00se.tistory.com 기존의 방식으로는 위 자료를 참고하니까 잘 되었는데, 이상하게 이미 만들어진 프로젝트에서 svg를 사용하려니 에러가 났다. 삽질을 엄청나게해서 그나마 되는 차선책을 찾았는데 uri로 접근하는 방법을 선..

[오류] npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency tree

디펜덴시 트리 문제. 이경우에는 프로젝트 진행시 사용된 node version 과 npm version을 체크하여야한다. 그래도 npm i 가 실행이 되지않는다면 lock.package와 node_module을 삭제하고 npm i 를 한다. 참고 npm 6과 8은 lockVersion 이 다르다.

React Native 세로모드만 지원하기 , 가로모드 막기

https://velog.io/@dody_/React-Nativereact-native-iOS-Andriod-%EA%B0%80%EB%A1%9C%EB%AA%A8%EB%93%9C-%EB%A7%89%EC%95%84%EB%B2%84%EB%A6%AC%EA%B8%B0-%EC%84%B8%EB%A1%9C%EB%AA%A8%EB%93%9C%EB%A7%8C-%EC%A7%80%EC%9B%90%ED%95%98%EA%B8%B0 [RN]react native iOS, Andriod 가로모드 막아버리기, 세로모드만 지원하기 안녕하세요 도디예요. 오늘은 react native에서 앱을 배포할때 실제 기기에서 가로모드에도 세로로 앱이 보이도록 막는법에 대해 알아보도록합니다.참고로 앱에서 사용되는 가로모드, 세로모드의 velog.io 위..

Apply Custom Font React Native 리액트 네이티브 커스텀 폰트 적용

1. custom font를 다운로드 받는다. 2. RN 프로젝트의 root에 react-native.config.js 파일을 만든다. module.exports = { project: { ios:{}, android:{} }, assets:['./assets/fonts/'], } 3. assets/fonts/[다운로드받은 폰트] 넣어준다. 이때 폴더구조를 동일하게 해주어야한다. (가능하면 저랑 같게하면 오류가 없을 겁니다.) 4. npx react-native link 위 과정을 마쳤으면 실행하면 폰트가 적용될 환경이 만들어졌다. 참고자료 https://velog.io/@ziyoonee/React-Native-custom-font-%EC%A0%81%EC%9A%A9

암시적 반환 , 명시적 반환

() 는 변수 return 필요하지 않음 {} 는 함수 return 필요함

React Native TabNavigator 와 DrawerNavigator 같이 사용하는 방법

https://dev.to/easybuoy/combining-stack-tab-drawer-navigations-in-react-native-with-react-navigation-5-da Combining Stack, Tab & Drawer Navigations in React Native With React Navigation 5 In this article, we'll be covering the different types of navigations and also how to combine them to... dev.to 우선 위 자료를 참고하였습니다. 방법은. DrawerNavigator 의 Screen 컴포넌트로 TabNavigator를 넣는 겁니다! 우선 다음과 같이 TabNavigator..

react-native-vector-icons 사용하는 방법

쉬운데 삽질을 좀 했다.. 다른분들은 시간 세이브 하시길 바라며.. 1. 원하는 아이콘을 찾는다. 찾으셨다면 그 아이콘이 어떤 분류에 속해있는지 본다. 아래 그림은 AntDesign 이다. https://oblador.github.io/react-native-vector-icons/ react-native-vector-icons directory oblador.github.io 2. 위와 같이 import를 해준다. react-native-vector-icons 뒤에 /AntDesign 을 입력한다. (아까 보라고 말씀드린이유!) 3. ios/[폴더명]Info.plist 파일을 연다. ios 에서 사용하기위해서는 최하단에 다음과 같이 추가한다. ... UIAppFonts MaterialIcons.ttf ..

[오류] Error: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin? Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the a..

rm -rf ./node_modules yarn cd ios pod deintegrate pod install yarn start --reset-cache

[오류] Error: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?

rm -rf ./node_modules yarn cd ios pod deintegrate pod install yarn start --reset-cache https://github.com/software-mansion/react-native-reanimated/issues/1875

[오류] Failed to launch the app on simulator, An error was encountered processing the command (domain=com.apple.CoreSimulator.SimError, code=405): Unable to lookup in current state: Shutdown

https://hdhdeveloper.tistory.com/66 [react-native ios error] Failed to launch the app on simulator, An error was encountered processing the command (domain=com.appl 1 2 error Failed to launch the app on simulator, An error was encountered processing the command (domain=com.apple.CoreSimulator.SimError, code=405): Unable to lookup in current.. hdhdeveloper.tistory.com 시뮬레이터를 껏다가 키면 된다.