deveq 블로그

alignItems flexDirection의 수직방향으로 자식을 정렬하는 style속성 stretch(default), flex-start, flex-end, center, baseline flexDirection이 column일 때 기준 stretch : 자식의 width가 지정되어있지 않을 경우 자식의 width가 100% flex-start : 앞에 정렬 flex-end : 끝에 정렬 center : 화면 중앙 정령 baseline : ??? alignSelf 자식에 적용. 해당 속성이 적용된 자식만 다른 align이됨 auto(default), stretch, flex-start, flex-end, center, baseline auto : 부모 컴포넌트에서 지정된 alignItems 속성을 그..

width : 300px과 같이 픽셀로 단위를 지정한적이 없음 -> iOS와 안드로이드 운영체제에서의 크기 개념이 다르기 때문 픽셀 디스플레이에 표현되는 프로그래밍할 수 있는 가장 작은 단위의 색상 픽셀은 빨간색, 녹색, 파란색(RGB)의 색 요소로 구성됨 각 RGB값의 농도를 조절해서 우리가 보는 색상이 만들어짐 픽셀이라는 단위는 화면의 크기나 1인치당 도트의 수와 같이 물리적인 단위로 수치가 정해지지 않는다면 아무런 의미를 가지지 못함 화면 크기 한 모서리부터 대각선 모서리까지의 길이. 해상도 디스플레이에 표시되는 픽셀의 수, 디바이스의 높이와 폭에 표현되는 픽셀의 수를 의미. 포인트 (ios) 디바이스의 해상도와는 상관없이 확대나 축소될 수 있는 거리의 단위. 초기아이폰의 해상도를 기준으로 1포인트..

theme을 반환해주는 getStyleSheet 함수 작성 사용하기

공식문서 계획 : ExampleModule 이란 이름의 모듈을 만들고 sampleMethod 란 이름의 메서드를 호출하여 JS측에서 sampleMethod에 숫자값을 전달하고 안드로이드 모듈측에서 2배 곱해준 후 callback으로 전달하기 // ExampleManager.java public class ExampleManager extends ReactContextBaseJavaModule { @NonNull @Override public String getName() { // JS에 노출할 이름을 지정합니다. return "ExampleModule"; } //메서드를 선언하려면 ReactMethod어노테이션이 필요합니다. @ReactMethod //이 메서드의 이름으로 JS측에서 함수를 호출할 수 있..

공식문서 계획 : ExampleModule 이란 이름의 모듈을 만들고 sampleMethod 란 이름의 메서드를 호출하여 JS측에서 sampleMethod에 숫자값을 전달하고 iOS모듈측에서 2배 곱해준 후 callback으로 전달하기 class 생성 ExampleModule이란 클래스를 생성한 후 // ExampleModule.h #import #import //여기 NS_ASSUME_NONNULL_BEGIN @interface ExampleModule : NSObject //여기 @end NS_ASSUME_NONNULL_END#import "ExampleModule.h" @implementation ExampleModule // param생략 시 클래스의 이름이 모듈의 이름이 됩니다. // 만약 클래..

Modal 사용법 { Alert.alert('모달창이 닫힙니다.'); setModalVisible(!modalVisible) }}> 모달모달 Props animationType : enum('none', 'slide', 'fade') // default : none slide : 화면 하단에서 위로 슬라이드됨 fade : 페이드 인/아웃 none : 효과없음 hardwareAccelerated : android (default : false) 기본창에 대해 하드웨어 가족을 강제할지 여부를 제어 onOrientationChange : ios ( function) 모달이 열린 상태에서 화면의 방향이 전환될 경우 호출되는 함수 initial render..

Image 네트워크 이미지, 정적파일, 로컬의 이미지(camera roll)을 나타낼 수 있는 컴포넌트입니다. 로컬스토리지뿐만 아니라 네트워크, 'data' uri scheme으로 제공된 이미지도 표시할 수 있습니다. props source import Logo from './src/assets/logo.png'; png, jpg, jpeg, bmp, gif, webp, psd(ios only) 지원 accessible true일 경우 접근성 요소로 설정할 수 있습니다. accessibilityLabel 스크린리더에 의해 읽히는 접근성 텍스트입니다 blurRadius : Number 이미지에 블러필터를 씌울 수 있습니다. iOS의 경우 5 이상의 값이 필요합니다. capIns..

AcitivityIndicator 앱이 로딩될 때 나타내는 인디케이터 iOS Android props size : String large small color : String 색상 animating : Boolean true : 빙글빙글 false : 멈춤 iOS의 경우 false일 때 멈춘 상태로 렌더링 되지만 안드로이드의 경우 false일 경우 렌더링 되지 않습니다. hidesWhenStopped : Boolean (iOS only) true : animating이 false일 때 인디케이터를 감춥니다. false : animating이 false여도 인디케이터가 표시됩니다. Button accessibility란? iOS, android 두 플랫폼 모두 장애인이 앱을 이용할 수 있도록 API를 제공..