새소식

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

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

  • -
728x90
반응형

View

div 느낌

Text

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

 

StyleSheet

css요소들을 실행해줌

const styles= StyleSheet.create({});

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

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

 

 

NavigationContainer

 

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

 

반응형
Contents

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

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