From c5a9d975ee36a91d90f14b46a9be9c8c1f03b554 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Wed, 17 Feb 2016 01:27:08 +0000 Subject: [PATCH] Updated docs for next --- releases/next/docs/touchablewithoutfeedback.html | 7 ++++++- releases/next/docs/view.html | 10 +++++++++- releases/next/showcase.html | 2 +- 3 files changed, 16 insertions(+), 3 deletions(-) diff --git a/releases/next/docs/touchablewithoutfeedback.html b/releases/next/docs/touchablewithoutfeedback.html index 3a3081c2257..736e6d10393 100644 --- a/releases/next/docs/touchablewithoutfeedback.html +++ b/releases/next/docs/touchablewithoutfeedback.html @@ -1,6 +1,11 @@ TouchableWithoutFeedback – React Native | A framework for building native apps using React

TouchableWithoutFeedback #

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 @@ -Showcase – React Native | A framework for building native apps using React

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!

CANDDi

CANDDi

iOS - Android

By CANDDi LTD.

DockMan

DockMan

iOS - Android

By Genki Takiuchi (s21g Inc.)

Blog post

Fixt

Fixt

iOS - Android

By Fixt

Eat or Not

Eat or Not

iOS - Android

By Sharath Prabhal

Kakapo

Kakapo

iOS - Android

By Daniel Levitt

MaxReward - Android

MaxReward - Android

iOS - Android

By Neil Ma

ShareHows

ShareHows

iOS - Android

By Dobbit Co., Ltd.

WEARVR

WEARVR

iOS - Android

By WEARVR LLC

天才段子手

天才段子手

iOS - Android

By Ran Zhao&Ji Zhao

うたよみん

うたよみん

iOS - Android

By Takayuki IMAI

© 2016 Facebook Inc.

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!

CANDDi

CANDDi

iOS - Android

By CANDDi LTD.

DockMan

DockMan

iOS - Android

By Genki Takiuchi (s21g Inc.)

Blog post

Fixt

Fixt

iOS - Android

By Fixt

Eat or Not

Eat or Not

iOS - Android

By Sharath Prabhal

Kakapo

Kakapo

iOS - Android

By Daniel Levitt

MaxReward - Android

MaxReward - Android

iOS - Android

By Neil Ma

ShareHows

ShareHows

iOS - Android

By Dobbit Co., Ltd.

WEARVR

WEARVR

iOS - Android

By WEARVR LLC

天才段子手

天才段子手

iOS - Android

By Ran Zhao&Ji Zhao

うたよみん

うたよみん

iOS - Android

By Takayuki IMAI

© 2016 Facebook Inc.