APELTOP의 개발공장

RN 에서 flex 를 사용하게되면 자동으로 최대 사이즈를 가지게 된다. absolute 를 사용하게 됐을 때 가로 채우는 방법을 포스팅하려한다. 매우 간단하지만 초반엔 width 를 가지고 해보았지만 자식 노드 스타일이 예상치 못하게 적용되어 다른 방법을 찾아보았다. 찾은 방법이 훨씬 간단하고 정답에 가까워 보인다. 아래 코드에서 top: 0 을 지우게 되어도 같은 결과가 나오게 된다. 만약 위 message 알림이 하단에 나오길 바란다면 top: 0 을 지우고 bottom: 0 을 주게 되면 된다. top: 0 과 bottom: 0 을 같이 사용하게 된다면 전체 화면을 사용할 수 있다. <View style={{ position: 'absolute', top: 0, left: 0, right: 0, alignItems: 'center', backgroundColor: conceptColor.sky, }} > <View style={{ height: 48 }} /> <Text>text</Text> </View> 위 코드의 실행 화면은 아래 사진과 같이 나온다.  정리 top:0 => 상단 위치 , 너비(width) 자식 노드의 스타일에 따라 유동적 left:0 => 왼쪽 위치 , 너비(width) 자식 노드의 스타일에 따라 유동적 right:0 => 오른쪽 위치 , 너비(width) 자식 노드의 스타일에 따라 유동적 Bottom:0 => 하단 위치 , 너비(width) 자식 노드의 스타일에 따라 유동적 top:0, left:0, right:0 => 상단 위치, Full Width bottom:0, left:0, right:0 => 하단 위치, Full Width top:0, bottom:0, left:0, right:0 => Full Scre...

React Native를 개발하면서 xcode로 실행을 시도하였습니다.  Android Studio에서는 실행을 해보았습니다. 단순히 React Native(이하 RN) 프로젝트 안에 ios 폴더를 열면 되지 않을까 했습니다. 다행스럽게도 ios 폴더 안에 .xcodeproj 파일이 있습니다. 이 파일은 확장자 의미대로 프로젝트 관리 파일입니다. .xcodeproj 파일을 여시면 xcode가 열리고 단순히 빌드가 진행이 됩니다. 저의 경우는 에러가 나옵니다. 아래 사진과 같이   ld: Library not found for -lDoubleConversion 에러가 나옵니다. 여러 방법을 찾아보았지만 해결되지 않다가 해결한 방법을 공유하려합니다. 당연히 . xcodeproj 를 열었지만 제가 해결한 방법은 . xcworkspace 파일을 연것입니다. 이 파일을 열게되면 마찬가지로 xcode가 열리지만 왼쪽에 폴더 구조를 보면 약간은 다릅니다. 맨 처음 열게 되면 빨간 네모 내용이 없고 No Schema 가 나와있을 것 입니다. 이 상태에서 실행을 한다면 빌드는 되더라도 시뮬레이터가 켜지지는 않습니다. No Schema 상태에서는 No Schema를 클릭 하시고 스키마를 생성해주세요. 시뮬레이터가 자동으로 지정이 되고 실행 버튼을 누르시면 앱이 작동하는 것을 확인하실 수 있습니다.