Hello RN

• expo-cli 설치

$ npm i -s -g expo-cli
$ yarn add global expo-cli

• 프로젝트 만들기

$ npx create-expo-app -t [application-project-name]
$ yarn create expo-app -t [application-project-name]

나는 blank(Typescript)프로젝트로 만들었다.

• App.tsx

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <Text>Hello ReactNative.</Text>
      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

• 프로젝트 실행

$ npm expo start
$ yarn start

TEST 하기

Snack Expo

혹시나 휴대폰이나 마땅히 테스트 할게 없다면 유용한 사이트가 있다.
Snack Expo를 이용하면된다.

Expo App

• Expo App 다운로드
  

• 앱에서 회원가입 및 로그인

• 개발환경에서 로그인

$ expo login
$ yarn expo login

• QR코드 스캔 또는 URL 등록