프레스 가능과 터치 가능의 차이

프레스 가능과 터치 가능의 차이

" " " " 를 react native 「」으로0.63이치노 더 이 풍부한 좋을까요?PressableTouchableOpacity언제 사용하는 것이 좋을지.

Pressable은 그 이전에는 RN 0.63에 새롭게 도입되었습니다.터치 가능한 불투명도는 컴포넌트 또는 유사 컴포넌트를 랩하는 데 가장 많이 사용되는 컴포넌트입니다.

텍스트/이미지를 클릭할 수 있고 사용자 인터랙티브하게 만들기 위해 두 기본 기능은 동일합니다.

,가 있으면Pressable을 많이 수

HitRectdocs에 따르면 이는 매우 멋진 기능입니다.

손가락은 가장 정확한 도구가 아니며 사용자가 실수로 잘못된 요소를 활성화하거나 활성화 영역을 놓치는 경우가 많습니다.이 되도록, 「」를 참조해 주세요.Pressable에는, 의 「」가 있습니다.HitRect를 사용하여 감긴 요소에서 터치가 등록될 수 있는 거리를 정의할 수 있습니다.프레스는 내부 어디에서나 시작할 수 있습니다.HitRect.

은 분명히 하던 것 더 입니다.hitslop하다Z-Index를 선택합니다.

기본적으로 버튼의 모든 기능을 이용할 수 있습니다.터치 가능한 Opacity에는 새로운 멋진 소품이 포함되어 있습니다.문서를 확인하십시오: rn-pressable

메모: 또한 이 스레드의 다른 코멘트에서 알 수 있듯이 Pressable에는 onPress 이벤트와 함께 아직 애니메이션이 첨부되어 있지 않습니다.

도움이 됐으면 좋겠다.의심을 품다

더 요.Pressable회피책도 있습니다.

은 ★★★★★★★★★★★★★★.PressableTouchable Opacity 。

의 「Pressable 「Pressable」로 할 수 .style identifier pressed " " " " " " prop : " " 。

<Pressable
  style={({ pressed }) => [
    { opacity: pressed ? 0.5 : 1.0 }
  ]}
  onPress={() => console.log('Pressed')}
>
 <View><Text>Press Me</Text></View>
</Pressable>

여기 당신의 의심을 풀어줄 사진이 있습니다.

에 의해 포장된 요소에서의 작동 방식

누름판

:

onPressIn은 프레스가 활성화되면 호출됩니다.onPressOut은 프레스 제스처가 비활성화되면 호출됩니다.

PressIn을 누르면 다음 두 가지 작업 중 하나가 수행됩니다.

1. 사용자는 손가락을 제거하고 PressOut에 이어 onPress를 트리거합니다.
2. 손가락을 제거하기 전에 370밀리초 이상 방치하면 OnLongPress가 트리거됩니다.(onPressOut은 손가락을 떼도 계속 작동합니다.)

상세한 것에 대하여는, 메뉴얼을 참조해 주세요.

언급URL : https://stackoverflow.com/questions/62810567/difference-between-pressable-and-touchableopacity