2019-10-16 TIL

2019-10-16

생각나서 쓴김에 올리는 TIL..

<View  
  pointerEvents={ 'box-none' } // 요놈
  style={ {  
    position: 'absolute',
    left: 0,
    right: 0, 
  ... } }>
    <TouchableOpacity  
      style={ .. } >
      ..
   </TouchableOpacity>  
</View>

iOS에서 position: absolute로 띄워둔 투명한 <View> 영역이 뒤에있는 리스트의 TouchableOpacity에 터치가 들어가는걸 막는 현상이 있다.

View에 pointerEvents={'box-none'} prop을 주면 View영역은 터치이벤트를 가로채지 않아 리스트를 터치할 수 있으며, View 안에 만든 플로팅 버튼인 TouchableOpacity도 터치할 수 있다.

좁쌀 기록 끝.