react native app 만들때 주의 사항
- expo 설치
- expo 는 reactnative로 앱을 native app으로 변환시켜주는 툴이다.
- expo 클라언트 휴대폰에 설치
- hotloading 기능은 앱을 빠른속도로 빌드 할수 있게 도와준다
- xcode 설치
- xcode 시뮬레이터를 사용할수 있게 해준다
- expo style
- expo 에서는 레이아웃을 flex 를 활용해서 레이아웃을 설정할수 있다. 하지만 이것은 css는 아니다.
- expo 에서는 각종라이브러리들이 있다 icon, fontawesome 등
첫벗째 code
App.js
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Text>Open up App.js to start working on your app! this is my first app</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});