본문 바로가기

react-native2

React Native Navigation - Stack Navigation을 활용한 페이지 이동 이번에 React Native에서 화면 Navigation을 이용한 화면 이동을 예제를 알아보려고 한다. react-native에서는 화면간의 이동을 navigation이라고 한다. 화면간의 이동 방식에는 여러 방식들이 존재하지만 이번에 내가 해볼것은 StackNavigation 방식이다. 일단 react-native-navigation을 사용하려면 npm install부터 해야한다. npm install @react-navigation/native npm install @react-navigation/stack --legacy-peer-deps 이걸 먼저 install 해줘야지만 react-native에서 해당 기능을 사용할수가 있다. 자 이제 설치가 완료되었으니 App.js에서 소스를 작성해보자. 일.. 2021. 4. 19.
[React-Native] Window에서 React-Native 시작하기!! 이번에 친구들과 한번 React-Native로 앱을 만들어 보려고 해서 React-Native로 시작하기로 했다. React-Native는 시작하는 방법은 expo-cli로 시작하는 방법이 있고 react-native cli로 시작하는 방법이 있다. expo-cli는 시작할때 네이티브기능(핸드폰 내의 특별한 기능)들을 사용할수 있지만 그만큼 무거운 단점이 있고 Expo에서 제공하지 않은 네이티브 모듈을 추가할 때, 불편함 등이 있어 많은 사람들이 Expo cli를 추천하지 않는다. 그래서 이제 react-native cli를 시작해야 하는데 이를 하기 위해서는 Nodejs, Python, Android studio등을 설치해야 한다. 그럼 자세히 단계적으로 살펴보자. 1. Chocolatey Chocol.. 2021. 4. 12.