#4. Image, Text

React Native · Learn once, write anywhere

Expo Documentation

import - JavaScript | MDN

expo start —tunnel

• git clone 한 경우에는 npm install 해줘야함

컴포넌트 쓸 때마다 필요한거 찾아서 쓰기

• 제일 기본 포맷

import React from "react";

const App = () => {
  return (<>
   <Text>hello~~</Text> //이렇게 하면 제일 위쪽 상단바에 가있ㅅ음ㅜㅜ
  </>); 
}

export default App;

npx expo install expo-constants

• View : UI를 잡아주기 위한 기본 틀!

<View style={{ paddingTop:Constants.statusBarHeight }}></View>

padding-top css와 동일한 요소임

import React from "react";
import { Text, View } from "react-native";

const App = () => {
  return (<>
    <View style={{ paddingTop:Constants.statusBarHeight }}></View>
    <Text>hello~~</Text>
   
  </>);
}

export default App; //위에 const App이랑 동일한 이름, 이렇게 내보내서 쓸거다!

git status : modified 확인

git log : 이전 작업 내역 확인

git reset —hard : 이전 소스로 복원