Expo - 1

Expo 기본 App 생성

Expo 환경 설치 및 프로젝트 생성

1. Expo CLI 설치

npm install -g expo-cli

2. 새 프로젝트 생성

npx create-expo-app my-app

3. EAS CLI 설치

npm install -g eas-cli

4. Expo Account 로그인 - email or username + password 입력

eas login

5. 프로젝트 설정 (프로젝트 폴더로 이동 후 실행 : cd my-app)

eas build:configure
// + Y 입력
// + All / Android / iOS 앱 환경 선택

6. apk 설정 (Android)

// eas.json
// "build" 부분 아래 코드로 변경
{
  "build": {
    "preview": {
      "android": {
        "buildType": "apk"
      }
    },
    "preview2": {
      "android": {
        "gradleCommand": ":app:assembleRelease"
      }
    },
    "preview3": {
      "developmentClient": true
    },
    "preview4": {
      "distribution": "internal"
    },
    "production": {}
  }
}

eas build -p android --profile preview
// + app id 입력 (고유한 id 값 - 영어로 작성, 보통 회사 이름이나 앱이름)
// + Y 입력

생성한 App WebView에 내 웹페이지 등록

1. WebView 설치

npx expo install react-native-webview

2. 생성한 App 프로젝트에 App.js 파일 내용 변경

import * as React from 'react';
import { WebView } from 'react-native-webview';
export default function App() {
  return (
    <WebView
      source={{ uri: '내 웹페이지 URL' }}
    />
  );
}

Expo 프로젝트 실행

1. Expo 실행

npx expo

Expo Location

1. Expo Location 설치

expo install expo-location