새소식

반응형
FE (프론트)/react native

[react native] 기본 문법 - View, Text, StyleSheet, Image

  • -
728x90
반응형

div 느낌

모든 텍스트들은 Text로 감싸야함

 

css요소들을 실행해줌

const styles= StyleSheet.create({});

이 안에 각각의 이름별 style 요소들 작성

const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#FFFCF8', alignItems: 'center', justifyContent: 'center', }, desc:{ fontSize:30, } });

 

 

 

theme 만들기

https://velog.io/@mementomori/NavigationContainer-%EC%9D%B4%EC%9A%A9%ED%95%B4%EC%84%9C-%EC%A0%84%EC%97%AD-theme-%EC%82%AC%EC%9A%A9%EB%B0%A9%EB%B2%95-React-Native

 

NavigationContainer 이용해서 전역 theme 사용방법 - React Native

https://reactnavigation.org/docs/themes/theme 객체 생성(ex> "MyTheme")theme 객체 내의 속성에 해당하는 값 입력: colors의 경우, primary,background,card,text,border,noti

velog.io

 

반응형

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.