Summary:The docs for touchEvents was really unclear and assumed that you know what `pointer-events` does in CSS. This is confusing especially for native developers, see [this issue](http://stackoverflow.com/questions/36068392/set-userinteractionenabled-false-in-react-native/36096413) on stack overflow.

I added a short description to the prop and all the possible enum values and made it so the comment that explain why it is a prop and not a style doesn't appear on the website as it is not really relevant there.

**Test plan (required)**
Tested by running the website locally.
Closes https://github.com/facebook/react-native/pull/6534

Differential Revision: D3075198

Pulled By: mkonicek

fb-gh-sync-id: 57c8444fc83a31599dc872c361b142531cdd4885
shipit-source-id: 57c8444fc83a31599dc872c361b142531cdd4885
This commit is contained in:
Janic Duplessis 2016-03-20 18:01:25 -07:00 коммит произвёл Facebook Github Bot 5
Родитель a95d9dc0ad
Коммит f1a0695c7d
1 изменённых файлов: 18 добавлений и 15 удалений

Просмотреть файл

@ -227,35 +227,38 @@ const View = React.createClass({
onLayout: PropTypes.func,
/**
* In the absence of `auto` property, `none` is much like `CSS`'s `none`
* value. `box-none` is as if you had applied the `CSS` class:
* Controls whether the View can be the target of touch events.
*
* - 'auto': The View can be the target of touch events.
* - 'none': The View is never the target of touch events.
* - 'box-none': The View is never the target of touch events but it's
* subviews can be. It behaves like if the following classes
* in CSS:
* ```
* .box-none {
* pointer-events: none;
* pointer-events: none;
* }
* .box-none * {
* pointer-events: all;
* pointer-events: all;
* }
* ```
*
* `box-only` is the equivalent of
*
* - 'box-only': The view can be the target of touch events but it's
* subviews cannot be. It behaves like if the following classes
* in CSS:
* ```
* .box-only {
* pointer-events: all;
* pointer-events: all;
* }
* .box-only * {
* pointer-events: none;
* pointer-events: none;
* }
* ```
*
* But since `pointerEvents` does not affect layout/appearance, and we are
* already deviating from the spec by adding additional modes, we opt to not
* include `pointerEvents` on `style`. On some platforms, we would need to
* implement it as a `className` anyways. Using `style` or not is an
* implementation detail of the platform.
*/
// Since `pointerEvents` does not affect layout/appearance, and we are
// already deviating from the spec by adding additional modes, we opt to not
// include `pointerEvents` on `style`. On some platforms, we would need to
// implement it as a `className` anyways. Using `style` or not is an
// implementation detail of the platform.
pointerEvents: PropTypes.oneOf([
'box-none',
'none',