View 컴포넌트의 x, y, width, height 값 구하기

Tags
width
height
부연설명
View 컴포넌트에서 onLayout 콜백함수 제공함.

View 컴포넌트의 x, y, width, height 값 구하기

 

onLayout 콜백함수

Invoked on mount and on layout changes.
View가 마운트 됐을 때와, 레이아웃이 변할 때마다 호출된다.
이 이벤트는 레이아웃 계산이 완료되면 즉시 발생하지만, 레이아웃 애니메이션이 진행중인 경우에는 이벤트 수신 시점에 새 레이아웃이 화면에 바로 반영되지 않을 수 있습니다.
<View onLayout={(event) => {
  var {x, y, width, height} = event.nativeEvent.layout;
}} />
 

콜백 오브젝트 형태

{
    layout: {
        width: 520,
        height: 70.5,
        x: 0,
        y: 42.5
    },
    target: 1127
}