개발/react-native

[react-native][expo] 시작하기

지승준 2019. 7. 4. 11:15

1. expo 설치 
npm install -g expo-cli

2. 프로젝트 생성
expo init projectName

3. 빌드
expo build:android
expo build:ios

 

* 모듈설치 후 실행

react-native link

4. 네이티브코드로 변환
expo eject
https://docs.expo.io/versions/latest/expokit/eject/

 

Ejecting to ExpoKit - Expo Documentation

ExpoKit is an Objective-C and Java library that allows you to use the Expo platform and your existing Expo project as part of a larger standard native project -- one that you would normally create using Xcode, Android Studio, or react-native init. If you c

docs.expo.io

5. 기본 UI

https://react-native-training.github.io/react-native-elements/

 

React Native Elements · Cross Platform React Native UI Toolkit

Cross Platform React Native UI Toolkit

react-native-training.github.io

https://nativebase.io/

 

NativeBase | Essential cross-platform UI components for React Native

NativeBase is an open source framework to build React Native apps over a single JavaScript codebase for Android and iOS

nativebase.io

https://facebook.github.io/react-native/docs/flexbox

 

React Native · A framework for building native apps using React

A framework for building native apps using React

facebook.github.io

 

6. 데이터

https://react-redux.js.org/

 

React Redux · Official React bindings for Redux

Official React bindings for Redux

react-redux.js.org

 

7. 네비게이션

https://github.com/wix/react-native-navigation

 

wix/react-native-navigation

A complete native navigation solution for React Native - wix/react-native-navigation

github.com

 

https://reactnavigation.org/

 

React Navigation · Routing and navigation for your React Native apps

Routing and navigation for your React Native apps

reactnavigation.org