React-Native (15) 썸네일형 리스트형 문자열 정규화(n번째위치)with React-native Javascript 문자열 n번째 위치에 특수문자 삽입하기 (.{3})문자열3번째 뒤에 $1- = 첫번째 ( )안에 '-' 추가 결과 Lottie & Animation with React-native JS //선언부 import LottieView from "lottie-react-native"; import React, { useState, useRef } from "react"; Lottie 라이브러리를 활용한 React-native 애니메이션 구현 Lottie library GitHub: https://github.com/lottie-react-native/lottie-react-native GitHub - lottie-react-native/lottie-react-native: Lottie wrapper for React Native. Lottie wrapper for React Native. Contribute to lottie-react-native/lottie-react-native devel.. Carousel+Swipe 감지후 modal연결 개발을 하다가 누구나 여러번 의도치 않은 에러와 접촉한다. 오늘도 그 많은 경험중에 한번이다. Carousel 연결 후 이미지를 클릭 시 modal로 연결되는 앱을 만드는 도중 Pressable로 이미지를 클릭하면 modal로 연결되는 기능까지는 구현하였다. 하지만 내가 원하는 것은 Carousel 이미지를 클릭시에만 modal로 연결하는 것이지 좌우로 Swipe를 한다고해서 modal로 연결하고 싶지는 않았다. 그래서 많은 Pressable props를 뒤져 몇시간을 고생하였지만 답이나오지 않았다. 그래서 더 찾아보던 도중 Swipe를 감지하는 라이브러리를 찾았는데 그것은 GestureRecognizer 였다. 설치방법은 이러하다 이렇게 한 후 Pressable 바깥에 GestureRecognizer를.. Carousel + React native Javascript 스크롤 화면을 만들고싶을경우가 있다. 그럴경우 간단한 라이브러리를 이용하여 구현할수있다. *Carousel 소개 npm install react-native-reanimated-carousel 또는 npm install react-native-reanimated-carousel 그다음 react-native-gesutre-handler 설치+ react-native-reaniated 설치가 필요하다 버전에 따라서 틀리니 참고하길.. react-native-reanimated react-native-gesture-handler react-native-reanimated-carousel =2.7.0 * 사용법 function Index() { const width = Dimensions... Visual studio prettier 완벽설정 많은 고생 끝에 prettier 설정이 되었습니다 https://www.youtube.com/watch?v=__eiQumLOEo 우선 많은 검색 결과 가장 정리가 잘된 prettier youtube 영상입니다 이 과정에서 안돼시는분이 있다면 visual studio 에서 탐색기의 .vscode settings.json 파일을 열어주세요 "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, 이렇게 입력해주시고 저장을 해주시면 끝입니다. React native+Rest api 먼저 공식문서 참조 https://reactnative.dev/docs/network Networking · React Native Many mobile apps need to load resources from a remote URL. You may want to make a POST request to a REST API, or you may need to fetch a chunk of static content from another server. reactnative.dev React native에서 기본적으로 많이 사용하는 Rest api를 사용하고자 한다. JSON example https://yts.mx/api/v2/list_movies.json?minimum_rating=9&sort_by=.. Git&GitHub VSCode 10k delete 깃허브 10k repository 삭제방법 VSCode에서 10k 삭제방법! 1. 터미널에서 git rev-parse --show-toplevel 명령어를 칩니다 repository에서 .git의 위치를 찾습니다 2. 해당위치로 이동 후 .git 파일이 있는지 확인합니다 이동명령어 cd /이동할위치 이동한 위치에서 .git파일이 있는지 확인 ls -a .git 3. .git파일이 있으면 삭제 rm -r -f .git -끝- [solved]undefined is not an object(evaluating 'navigation.navigate') ※변경전 const StackNavigator = ({navigation}) =>{ return ( ( {navigation.navigate("SearchPage");}}> ) }} > > ▼변경후 const StackNavigator = () =>{ return ( ({ //navigation을 screenOptions 함수안에 넣어준다 headerStyle: { backgroundColor: "white", borderBottomColor: "white", shadowColor: "white", }, headerTitleAlign:"Left", headerTintColor: "#000", headerBackTitleVisible: false, headerRight:()=>( {navigation.na.. 이전 1 2 다음