React Native - 커스텀 버튼 생성하기

props.children으로 모든 내용을 가져온다.객체 구조 분해를 사용한 방법조건에 따라 다른 스타일 적용하기버튼 스타일링기본적으로 View는 내용에 필요한 만큼의 공간만 가진다.내부 2개의 View는 상위 View의 크기를 나누어 가진다.내부의 View는 독립적이

2023년 8월 4일
·
0개의 댓글
·

React Native - 모달 화면

화면 전체를 덮고 있는 오버레이 스크린모달 화면에 추가하고 싶은 부분을 Modal 태그로 묶어주면 된다.상태를 사용해서 모달이 보이거나 혹은 안 보이게 해야 한다.App.jsimport { Modal } from "react-native";const \[modalIsV

2023년 7월 29일
·
0개의 댓글
·

React Native - 물결 효과 추가하기

기존에는 물결 효과가 컨테이너 전체가 아닌 텍스트 위에만 나타난다.padding을 goalText에 넣어주면 안쪽 여백이 텍스트 일부가 되어 물결 효과가 안쪽 여백에 적용된다.터치 상태가 변할 때마다 pressable이 자동으로 호출된다. 현재 터치 상태와 관련된 정보

2023년 7월 29일
·
1개의 댓글
·

React Native - 앱 스타일링하기

특정 요소가 차지하는 공간을 제어할 수 있는 스타일링 프로퍼티 세트모든 View에서 기본값으로 사용한다.웹과 달리, 세로 정렬을 기본으로 한다.

2023년 7월 25일
·
0개의 댓글
·

React Native - 핵심 컴포넌트로 작업하기

Text strings must be rendered within a component 태그만 지워서 돌려보니 잘 돌아가길래..서치해 본 결과, 컴포넌트의 title 속성 값을 컴포넌트로 감싸줘야 문자열이 컴포넌트 내부에서 올바르게 렌더링된다고 한다.

2023년 7월 19일
·
0개의 댓글
·