본문 바로가기

ReactNative

(10)
error) requirenativecomponent gesturehandlerrootview was not found in the uimanager 컴퓨터 종료했다가 다시켜니 발생함 지난번에 package.json 에서 "react-native-gesture-handler": "^2.2.0" 지웠어서 그런가봐. 근데 지난번엔 잘됐었는데, 캐시같은게 남나보다.....ㅠㅠㅜㅠㅜ npm install react-native-gesture-handler 했더니 된다.
emulator 안켜져서... 한참 못켜고있었는데 드라이브 꽉차면 안켜진대 여유공간 30GB는 있어야 켜지는것같아
error) Tried to register two views with the same name RNSScreen Container import { createNativeStackNavigator } from '@react-navigation/native-stack'; import { createStackNavigator } from '@react-navigation/stack'; 두 개 중에 뭘 사용해야하는지, >>>>> 둘 다 다른거임 npm install react-native-gesture-handler import 'react-native-gesture-handler' 이 두개는 하는건지 마는건지 모르겠어서 몽땅했다가 발생한 에러. 최신버전에서는 react-native-gesture-handler 를 install하지도 않고, import하지도 않는대서 (install만 하고, import 는 안한다고 한다.) package..
도움되는 사이트 * 서버에서 사진 가져올 수 있는 사이트 https://picsum.photos/
reactNative 다운로드 필요한 컴포넌트 ** picker, slider 의 경우 : 다운받고 npm start 를 다시해도 안되더니, vscode 재실행하니 됐다. * picker npm install @react-native-picker/picker --save * slider npm install @react-native-community/slider --save * navigation 더보기 1. npm install @react-navigation/native 2. npm install react-native-screens react-native-safe-area-context 3. mainActivity.java 에 추가 >> 이건 아닌가봐 import android.os.Bundle; @Override protected void o..
error) react-native-picker 에러 node 랑 react-native 버전문제로 보임. https://github.com/react-native-picker/picker nvm 으로 노드버전 16.6.2 로 변경, react-native 새로받아서 새로프로젝트생성했더니 됨. 1. 실행중인것 멈춘다. (ctrl+c) 2. npm install @react-native-picker/picker --save 3. run android "node_modules" 안에 내용물 잘 들어왔음.(버전 낮았을때에는 다 안들어왔음) react-native 버전만 높이고 node버전은 아직 10 이었을때에는 프로젝트 생성시 버전이 맞지 않는다며, 생성된 폴더안에 내용물이 다 안들어왔었다.
reactNative - Component import { View, Text, StyleSheet ,TouchableOpacity, TouchableWithoutFeedback, Button } from 'react-native'; 1. View, Text 1) View - 다른 컴포넌트들을 감싸는 역할 - vue 태그 안에 여러 vue태그를 넣을 수 있다. 2) Text - 그냥 텍스트 2. StyleSheet 1) inline class App extends Component { render() { return ( // 객체를 넣음 // 이게 JSX넣은건가봄 ) } } const styles = StylesSheet.create({ exStyle: { backgroundColor: pink, flex: 1 } }) - 괄호 1개는 JSX를 ..
reactNative - ES6, React 문법 리마인드 1. ES6 1) string literal `${변수명} 변수가 아닌 문자열은 그냥쓰기` 2) for of 배열의 키가 아닌 value 값에 접근해서 반복한다. key 가 자동생성되는 경우(배열에서만) 사용 가능. key를 직접만드는 객체의 경우에는 사용 불가능(이 경우 for in 사용) 3) rest operator 파라미터로 받으려는 인수의 갯수 이상으로 인자를 넘겨줄 경우, 배열로 묶여서 맨 마지막 인수로 들어간다. 맨 마지막 인수에만 사용가능. function printValue(v1, v2, ...v3){ console.log(v1, v2, v3); } print(1,2,3,4,5); // 1 2 [3, 4, 5] 4) spread operator (1) 함수 호출시 인수로 function ..