react native는 웹이 아니기 때문에 div는 사용 할 수 없다View(=== div) : containerText:(===p) : 문자열을 넣을 수 있다, View에 문자열을 넣을 경우 에러발생StyleSheet 예시웹에서 하던 메소드가 없을 수 있다예시1예시
기본적으로 flex를 따로 기입할 필요가 없다View 자체가 Flex Container이다flex-direction의 기본값은 column이다overflow가 있다고 해서 스크롤이 되지는 않음반응형을 위해 width, height를 따로 주지 않고, flex: (숫자)
UI를 구축하기 위한 가장 기본적인 구성요소로서 웹에서는 div와 사용성이 유사하다중첩이 가능하며 레이아웃을 구축하기 위해 가장 많이 사용한다text를 표현하기 위한 컴포넌트로 해당 컴포넌트 이외에서는 텍스트를 사용할 수 없다(에러요소)종류로는 Text, TextInp
데이터의 양이 많아 화면을 넘어가게 될 때, 스크롤이 생겨 화면을 넘길 수 있게 해주는 컴포넌트이다FlatList란 ScrollView와 비슷하게 스크롤할 수 있는 컴포넌트이다. 차이점은 모든 아이템들을 한 번에 렌더링하려는 ScrollView와는 달리, FlatLis
방법1방법2방법3metro.config.jstype ?? navigators 폴더 안에 파일 생성declarations.d.ts
border style은 3개만 존재한다solid(default)dotteddashed사용법상단이나 하단에만 주고 싶은 경우img radiusimageStyle={{borderRadius: 6}}
주로 화면을 이동할때 사용됨App에서 <NavigationContainer>을 감싸줘야 사용 가능하다페이지 이동할때screen이 중첩되어 있는 상황에서 사용//받을 스크린 const {params} = useRoute();navigationRef(https&#x
numberOfLines텍스트의 줄 길이를 조절 할 수 있다. 라인의 수ellipsizeMode속성head: 처음 부분에 말줄임 효과middle: 중간 부분에 말줄임 효과tail: 마지막 부분에 말줄임 효과clip: 마지막 부분에 짤림 효과
반복되는 컴포넌트들 사이에 구분선을 설정data속성에 배열 데이터를 설정하면 renderItem 함수를 통해 배열안의 각 원소 데이터를 가리키는 뷰를 보여줄 수 있다스크롤이 바닥에 닿았을때 사용할 수 있다이렇게 하면 콘텐츠의 85%까지 스크롤했을때 onEndReache
기능목록사진첨부하기 클릭시 카메라와 갤러리를 선택 할 수 있는 모달카메라 \- 카메라 권한 묻기사진촬영사진 촬영 시 재촬영 또는 저장하기 선택갤러리 \- 사진 권한 묻기사진 목록 불러오기사진 선택하기참고블로그
Expo로 앱을 개발하는 데 필요한 두 가지 도구가 있다. 하나는 프로젝트를 초기화하고 제공하기 위한 Expo CLI라는 명령줄 앱이고, 다른 하나는 iOS 및 Android에서 열 수 있는 Expo Go라는 모바일 클라이언트 앱이다. 모든 웹 브라우저는 웹에서 프로젝
android-sdk가 없어서 계속 에러가 났음
터미널에서 실행npx react-native init 프로젝트명cd 프로젝트명npx react-native start에뮬레이터 실행npx react-native run-android참고 블로그https://reactnative.dev/docs/environme