React Native(33)
-
[React Native] React Navigation - 2. React Navigation 설치
2. React Navigation 설치 https://reactnavigation.org/docs/getting-started https://reactnavigation.org/docs/getting-started/ reactnavigation.org 위 사이트를 들어가면 설치 과정이 상세히 나온다. react-native init 위의 명령어로 새로운 패키지를 만들어 준 뒤, 아래의 코드들을 순서대로 터미널에 작성하여 초기 설치를 진행한다. npm install @react-navigation/native npm install react-native-screens react-native-safe-area-context 버전이 업데이트되면서 linking 과정이 자동적으로 수행되기 때문에 다른 것들은 ..
2022.01.12 -
[React Native] React Navigation - 1. React Navigation 소개
1. React Navigation 소개 React Navigation은 화면 전환이라고 생각하면 된다. 화면 전환의 예시는 우리가 흔히 사용하는 화면 아래 탭 버튼을 눌렀을 때 보여지는 메인 화면이 바뀐다던지, 아이콘이나 그림이나 버튼을 클릭했을 때 다른 화면으로 이동한다던지 동작하도록 하는 기능들을 말한다. stack navagation - Moving between screens. 버튼을 눌러 화면 전환. drawer navigation - 화면 측면에서 오픈되는 새로운 창. tab navigation - 화면 상단이나 하단의 탭을 만들어 터치를 통해 화면을 전환. react navigation 에서 화면 전환을 다루기 위해서는 third-party library 가 꼭 필요하다. 다른 naviga..
2022.01.12 -
[React Native] React Native Component - 12. Image
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.12 -
[React Native] React Native Component - 11. ActivityIndicator
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.12 -
[React Native] React Native Component - 10. Slider
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.12 -
[React Native] React Native Component - 9. Picker
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.12