1. Image Picker 설치 react-native init RN_ImagePicker 위의 명령어로 새로운 프로젝트를 하나 만든다. 프로젝트 생성이 완료되면 해당 프로젝트로 이동하고 아래 명령어를 통해 Image Picker library를 설치해준다. npm install --save react-native-image-picker 설치가 완료되면 ios 폴더로 가서 pod install 을 실행한다. cd ios pod install cd .. 파일로 가서 Add folder to workspace를 통해 해당 폴더를 추가한다. 안드로이드는 추가로 해줄 일이 있다. 카메라랑 라이브러리에 접근 가능하도록 접근권한을 줘야 한다. /android/app/src/main/AdndroidManifest...
자세히보기13. [Tab] Style 설정 stack navigator, drawer navigator와 유사한데 tab navigator도 drawer navigator와 마찬가지로 각 Screen 컴포넌트에 개별 스타일링은 하지 않는다. 모두 공통적인 스타일을 갖게 되는 ui이기 때문에 navigator 태그 안에 스타일링을 준다. 각 탭에 그림을 삽입함과 동시에 선택되어진 탭의 크기를 좀 더 크게 키워주도록 해보자. 그럼 어떤 탭이 선택되었는지 알아야 하기 때문에 route를 파라미터로 넘겨준다. 원래는 tabBarOptions로 스타일을 정의했지만 이게 deprecated 되고 ScreenOptions를 사용하는 것으로 권장된다. 사실 tabBarOptions 안에 썼던 프로퍼티들 앞에 tabBar를 붙이..
자세히보기2022.01.11 - [React Native/Basic] - [React Native] React Native Component - 1. Intro 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 2. View, Text 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 3. Style 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 4. TouchEvent 2022.01.12 - [React Native/Basic] - [React Nativ..
자세히보기2022.01.11 - [React Native/Basic] - [React Native] React Native Component - 1. Intro 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 2. View, Text 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 3. Style 2022.01.12 - [React Native/Basic] - [React Native] React Native Component - 4. TouchEvent 2022.01.12 - [React Native/Basic] - [React Nativ..
자세히보기