Height (3) 썸네일형 리스트형 [reactnative]키보드 켜졌을 때 꺼졌을 때, 높이를 어케알까(keyboard event,show,hide,height) 디자인 수정 중에 채팅하는 페이지에서 input창을 누르면 키보드가 input창을 가려버렸다 즉 키보드가 올라와서 input창이 안보인다 ios에서만 이런현상이 보였는데 내가 짠게 아니라서 걍 강제로 키보드가 올라왔을 때 -> 인풋창에 margin-bottom 을 줘서 올려버렸다 키보드가 올라왔을 때와 내려갔을 때의 이벤트를 받아야한다 먼저 import import { Keyboard } from 'react-native'; 라이브러리 기본 제공이다 이벤트 리스너 이다 componentDidMount () { this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDidShow); //키보드가 show 했을 .. [reactnative] 스크린(screen)의 높이(height)와 너비(width)를 어케알까?(Dimensions) css를 만지다 보면 최대 너비로 하고싶을때 이상하게 width:100%가 안될때가 있다 난 초보라 왜그런지모른다 이럴땐 width를 screen 너비로 해주면 참 좋은데 알아보자 reactnative의 기본 api이다 import해주자 import {Dimensions} from 'react-native'; 상단에 아무때나 변수를 초기화 해주자 Dimensions.get('window'). 를 이용하면 된다. const Width = Dimensions.get('window').width; //스크린 너비 초기화 const Height = Dimensions.get('window').height; //스크린 높이 초기화 예시: 예를들어 이런 버튼이 있다 양쪽으로 꽉 차게 하고싶다. [react-native] SafeAreaView의 높이를 어케 구할까?(ios) 아이폰 x 이후 모델은 디스플레이 상단에 노치가 있다 개발을 하는데 있어서 노치를 신경 안쓰다가 자칫 잘못하면 기껏 만들어 놓은 ui가 가려 질 수있다 왜냐하면 기본적인 height는 노치와 하단 home indicator를 포함한 높이기 때문에 사용 범위 보다 크게잡히기 때문이다 그래서 SafeAreaView를 사용하게 되는데 나같은 경우 컨테이너의 크기가 자꾸 safearea보다 작아지길래 강제로 높이 설정을 해주었다 내 실력탓이다 그치만 잘 해결됐다 알아보자 먼저 스크린의 크기를 구해 보자 Dimension을 import import { Dimensions, } from 'react-native'; 스크린의 높이와 너비를 알 수 있다 let ScreenWidth = Dimensions.get('wi.. 이전 1 다음