basic Components

view

기초가 되는 컴포넌트로 html의 div정도로 생각할 수 있다. flexBox를 지원하고 style속성으로 스타일링 할 수 있다.

속성(간추려서)

• onLayout : 레이아웃 계산이 되면 즉시 실행되는 이벤트

<View onLayout={(event) => {
  var {x, y, width, height} = event.nativeEvent.layout;
}} />

• hitSlop : 터치인식 거리를 조절하는 속성
• onMoveShouldSetResponder :
• onMoveShouldSetResponderCapture :
• onResponderGrant : 터치 이벤트에 반응
• onResponderMove : 드래그에 반응'
• onResponderReject :
• onResponderRelease : 터치가 끝나면 반응
• onResponderTerminate :
• onStartShouldSetResponderCapture : 부모 View에서 child View의 터치를 막고 싶을 때 사용. preventDefault같은 느낌인듯?
• pointerEvents : View를 터치 이벤트의 대상으로 지정될 수 있는지 제어.
  auto: 가능
  none: 불가능
  box-none : 하위의 뷰는 가능
• style : 스타일선언
• nextFocusDown/Up/Left/Right : 사용자가 아래로 이동할 때 포커스를 받을 다음 보기 지정

아직 respond의 정의가 뭔지도 잘 모르겠고 이해가 안가는 부분이 많다. 더 공부해봐야겠다.