728x90
리액트 네이티브에서는 StyleSheet를 이용하여 배치, 폰트 크기, 마진 등 다양한 스타일을 적용할 수 있다.
간단한 예시를 적어보고, 나중에 여유가 생기면 StyleSheet의 요소들을 정리해보도록 하자.
const App = () => {
return (
<View style={styles.container}>
<Text style={styles.text}>안녕하세요</Text>
<View>
);
};
export default App;
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
text: {
fontSize: 20,
},
});
위의 코드처럼 const styles = StyleSheet.create({});로 스타일을 지정하고, 적용하고 싶은 곳에 style={styles.스타일명}을 적어주면 스타일이 적용된다.
728x90
'Programming > ReactNative' 카테고리의 다른 글
[ReactNative] 리액트네이티브 책 (0) | 2021.06.29 |
---|---|
[ReactNative] async와 await (0) | 2021.03.06 |
[ReactNative 기초] <View>와 <Text> (0) | 2021.03.06 |
[ReactNative - flex] 앱 기능별 공간 크기 조정 (0) | 2021.02.15 |
[expo] 프로젝트 시작하기 (0) | 2021.02.15 |