React Native Project

React Native 폴더 만들기

mkdir <폴더 이름>
안에 프로젝트 만들기

npx react-native init taxi - 더 이상 지원 x

npx @react-native-community/cli init taxi

App.tsx(앱의 중심파일)

npm run android - 안드로이드 실행
(안드로이드 에뮬레이터가 없으면 실행이 안됌)

실행

import { JSX } from "react";
import { SafeAreaView, StyleSheet, Text } from "react-native";

function TaxiApp() : JSX.Element {
    console.log("-- TaxiApp()")

    return (
        <SafeAreaView>
            <Text style={styles.textBlack}>Hello React Native</Text>
            <Text style={styles.textBlue}>Texi App</Text>
        </SafeAreaView>
    )
}

const styles = StyleSheet.create({
    textBlack: {
        fontSize: 18,
        color: 'black'
    },
    textBlue: {
        fontSize: 18,
        color: 'blue'
    }
})

export default TaxiApp