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 onCreate(Bundle savedInstanceState) {
super.onCreate(null);
}

4. 이거는 vscode 에서 하라고나와서 해봄

5. entry file (index.js에 AppRegistry.registerComponent(appName, () => App); 라고 되있으니 etry file = App.js) 에다가 추가

import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';

 

* Stack navigation

npm install @react-navigation/native-stack >> 이건 또 다른것!

npm install @react-navigation/stack

npm install react-native-gesture-handler  >> 이건 꼭 필요! 하지만 app.js 에 import 'react-native-gesture-handler'; 는 작성하지않는다.

npm install @react-native-masked-view/masked-view >> 선택사항. header의 style, animation에 영향을 주나봄.

 

* Drawer navigation

npm install @react-navigation/drawer

npm install react-native-gesture-handler react-native-reanimated >> 이건