React NativeTouchableWithoutFeedback # | Edit on GitHub |
Do not use unless you have a very good reason. All the elements that respond to press should have a visual feedback when touched. This is -one of the primary reason a "web" app doesn't feel "native".
NOTE: TouchableWithoutFeedback supports only one child
If you wish to have several child components, wrap them in a View.
Props #
accessibilityComponentType View.AccessibilityComponentType #
accessibilityTraits View.AccessibilityTraits, [View.AccessibilityTraits] #
accessible bool #
delayLongPress number #
Delay in ms, from onPressIn, before onLongPress is called.
delayPressIn number #
Delay in ms, from the start of the touch, before onPressIn is called.
delayPressOut number #
Delay in ms, from the release of the touch, before onPressOut is called.
onLayout function #
Invoked on mount and layout changes with
{nativeEvent: {layout: {x, y, width, height}}}
onLongPress function #
onPress function #
Called when the touch is released, but not if cancelled (e.g. by a scroll +one of the primary reason a "web" app doesn't feel "native".
NOTE: TouchableWithoutFeedback supports only one child
If you wish to have several child components, wrap them in a View.
Props #
accessibilityComponentType View.AccessibilityComponentType #
accessibilityTraits View.AccessibilityTraits, [View.AccessibilityTraits] #
accessible bool #
delayLongPress number #
Delay in ms, from onPressIn, before onLongPress is called.
delayPressIn number #
Delay in ms, from the start of the touch, before onPressIn is called.
delayPressOut number #
Delay in ms, from the release of the touch, before onPressOut is called.
hitSlop {top: number, left: number, bottom: number, right: number} #
This defines how far your touch can start away from the button. This is
+added to pressRetentionOffset when moving off of the button.
+ NOTE
+The touch area never extends past the parent view bounds and the Z-index
+of sibling views always takes precedence if a touch hits two overlapping
+views.
onLayout function #
Invoked on mount and layout changes with
{nativeEvent: {layout: {x, y, width, height}}}
onLongPress function #
onPress function #
Called when the touch is released, but not if cancelled (e.g. by a scroll that steals the responder lock).
onPressIn function #
onPressOut function #
pressRetentionOffset {top: number, left: number, bottom: number, right: number} #
When the scroll view is disabled, this defines how far your touch may move off of the button, before deactivating the button. Once deactivated, try moving it back and you'll see that the button is once again diff --git a/releases/next/docs/view.html b/releases/next/docs/view.html index 3ba87f4a75f..f0fded37c5d 100644 --- a/releases/next/docs/view.html +++ b/releases/next/docs/view.html @@ -12,7 +12,15 @@ wraps two colored boxes and custom component in a row with padding.
Props #
accessibilityLabel string #
Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.
accessible bool #
When true, indicates that the view is an accessibility element. By default, -all the touchable elements are accessible.
onAccessibilityTap function #
When accessible is true, the system will try to invoke this function
+all the touchable elements are accessible.
hitSlop {top: number, left: number, bottom: number, right: number} #
This defines how far a touch event can start away from the view.
+Typical interface guidelines recommend touch targets that are at least
+30 - 40 points/density-independent pixels. If a Touchable view has a
+height of 20 the touchable height can be extended to 40 with
+hitSlop={{top: 10, bottom: 10, left: 0, right: 0}}
+ NOTE
+The touch area never extends past the parent view bounds and the Z-index
+of sibling views always takes precedence if a touch hits two overlapping
+views.
onAccessibilityTap function #
When accessible is true, the system will try to invoke this function
when the user performs accessibility tap gesture.
onLayout function #
Invoked on mount and layout changes with
{nativeEvent: { layout: {x, y, width, height}}}.
This event is fired immediately once the layout has been calculated, but the new layout may not yet be reflected on the screen at the time the event is received, especially if a layout animation is in progress.
onMagicTap function #
When accessible is true, the system will invoke this function when the
diff --git a/releases/next/showcase.html b/releases/next/showcase.html
index 7b4e2e75e6b..816dfcdcb4d 100644
--- a/releases/next/showcase.html
+++ b/releases/next/showcase.html
@@ -1,4 +1,4 @@
-
Apps using React Native
The following is a list of some of the public apps using React Native and are published on the Apple App Store or the Google Play Store. Not all are implemented 100% in React Native -- many are hybrid native/React Native. Can you tell which parts are which? :)
Want to add your app? Found an app that no longer works or no longer uses React Native? Please submit a pull request on GitHub to update this page!
Featured Apps
These are some of the most well-crafted React Native apps that we have come across.
Be sure to check them out to get a feel for what React Native is capable of!
All Apps
Not all apps can be featured, otherwise we would have to create some other category like "super featured" and that's just silly. But that doesn't mean you shouldn't check these apps out!
Apps using React Native
The following is a list of some of the public apps using React Native and are published on the Apple App Store or the Google Play Store. Not all are implemented 100% in React Native -- many are hybrid native/React Native. Can you tell which parts are which? :)
Want to add your app? Found an app that no longer works or no longer uses React Native? Please submit a pull request on GitHub to update this page!
Featured Apps
These are some of the most well-crafted React Native apps that we have come across.
Be sure to check them out to get a feel for what React Native is capable of!
All Apps
Not all apps can be featured, otherwise we would have to create some other category like "super featured" and that's just silly. But that doesn't mean you shouldn't check these apps out!
