diff --git a/docs/pressable.md b/docs/pressable.md index 20a44694b14..13a7a342897 100644 --- a/docs/pressable.md +++ b/docs/pressable.md @@ -21,11 +21,11 @@ On an element wrapped by `Pressable`: After pressing [`onPressIn`](#onpressin), one of two things will happen: 1. The person will remove their finger, triggering [`onPressOut`](#onpressout) followed by [`onPress`](#onpress). -2. If the person leaves their finger longer than 370 milliseconds before removing it, [`onLongPress`](#onlongpress) is triggered. ([`onPressOut`](#onpressout) will still fire when they remove their finger.) +2. If the person leaves their finger longer than 500 milliseconds before removing it, [`onLongPress`](#onlongpress) is triggered. ([`onPressOut`](#onpressout) will still fire when they remove their finger.) Diagram of the onPress events in sequence. -Fingers are not the most precise instruments, and it is common for users to accidentally activate the wrong element or miss the activation area. To help, `Pressable` has an optional `HitRect` you can use to define how far a touch can register away from the the wrapped element. Presses can start anywhere within a `HitRect`. +Fingers are not the most precise instruments, and it is common for users to accidentally activate the wrong element or miss the activation area. To help, `Pressable` has an optional `HitRect` you can use to define how far a touch can register away from the wrapped element. Presses can start anywhere within a `HitRect`. `PressRect` allows presses to move beyond the element and its `HitRect` while maintaining activation and being eligible for a "press"—think of sliding your finger slowly away from a button you're pressing down on. @@ -135,7 +135,7 @@ Duration (in milliseconds) from `onPressIn` before `onLongPress` is called. | Type | Required | Default | | ------ | -------- | ------- | -| number | No | 370 | +| number | No | `500` | ### `disabled` @@ -155,7 +155,7 @@ Sets additional distance outside of element in which a press can be detected. ### `onLongPress` -Called if the time after `onPressIn` lasts longer than 370 milliseconds. This time period can be customized with [`delayLongPress`](#delaylongpress). +Called if the time after `onPressIn` lasts longer than 500 milliseconds. This time period can be customized with [`delayLongPress`](#delaylongpress). | Type | Required | | ------------------------ | -------- | diff --git a/website/static/docs/assets/d_pressable_pressing.svg b/website/static/docs/assets/d_pressable_pressing.svg index c55e17ee8d1..e98223b76de 100644 --- a/website/static/docs/assets/d_pressable_pressing.svg +++ b/website/static/docs/assets/d_pressable_pressing.svg @@ -1 +1 @@ -onLongPressonPressInonPressonPressOut!...370msonPressOut \ No newline at end of file +onLongPressonPressInonPressonPressOut!...500msonPressOut diff --git a/website/versioned_docs/version-0.63/pressable.md b/website/versioned_docs/version-0.63/pressable.md index c31c138d04a..d7b7981fd64 100644 --- a/website/versioned_docs/version-0.63/pressable.md +++ b/website/versioned_docs/version-0.63/pressable.md @@ -4,7 +4,7 @@ title: Pressable original_id: pressable --- -Pressable is a Core Component wrapper that can detect various stages of press interactions on any of it's defined children. +Pressable is a Core Component wrapper that can detect various stages of press interactions on any of its defined children. ```jsx @@ -22,9 +22,9 @@ On an element wrapped by `Pressable`: After pressing [`onPressIn`](#onpressin), one of two things will happen: 1. The person will remove their finger, triggering [`onPressOut`](#onpressout) followed by [`onPress`](#onpress). -2. If the person leaves their finger longer than 370 milliseconds before removing it, [`onLongPress`](#onlongpress) is triggered. ([`onPressOut`](#onpressout) will still fire when they remove their finger.) +2. If the person leaves their finger longer than 500 milliseconds before removing it, [`onLongPress`](#onlongpress) is triggered. ([`onPressOut`](#onpressout) will still fire when they remove their finger.) -Diagram of the onPress events in sequence. +Diagram of the onPress events in sequence. Fingers are not the most precise instruments, and it is common for users to accidentally activate the wrong element or miss the activation area. To help, `Pressable` has an optional `HitRect` you can use to define how far a touch can register away from the wrapped element. Presses can start anywhere within a `HitRect`. @@ -136,7 +136,7 @@ Duration (in milliseconds) from `onPressIn` before `onLongPress` is called. | Type | Required | Default | | ------ | -------- | ------- | -| number | No | 370 | +| number | No | `500` | ### `disabled` @@ -156,7 +156,7 @@ Sets additional distance outside of element in which a press can be detected. ### `onLongPress` -Called if the time after `onPressIn` lasts longer than 370 milliseconds. This time period can be customized with [`delayLongPress`](#delaylongpress). +Called if the time after `onPressIn` lasts longer than 500 milliseconds. This time period can be customized with [`delayLongPress`](#delaylongpress). | Type | Required | | ------------------------ | -------- |