Fix broken links in the documentation
Summary: Links were missing the `/react-native` prefix. Testable with the deployed version at https://facebook.github.io/react-native/docs/handling-touches.html. Closes https://github.com/facebook/react-native/pull/8752 Differential Revision: D3556553 Pulled By: hramos fbshipit-source-id: e4aee3719e05f65181de4dff244c5f0c333f7f01
This commit is contained in:
parent
86e304f6a3
commit
70e97f9644
|
@ -9,7 +9,7 @@ next: animations
|
||||||
|
|
||||||
Users interact with mobile apps mainly through touch. They can use a combination of gestures, such as tapping on a button, scrolling a list, or zooming on a map.
|
Users interact with mobile apps mainly through touch. They can use a combination of gestures, such as tapping on a button, scrolling a list, or zooming on a map.
|
||||||
|
|
||||||
React Native provides components to handle common gestures, such as taps and swipes, as well as a comprehensive [gesture responder system](/docs/gesturerespondersystem.html) to allow for more advanced gesture recognition.
|
React Native provides components to handle common gestures, such as taps and swipes, as well as a comprehensive [gesture responder system](/react-native/docs/gesturerespondersystem.html) to allow for more advanced gesture recognition.
|
||||||
|
|
||||||
## Tappable Components
|
## Tappable Components
|
||||||
|
|
||||||
|
@ -37,13 +37,13 @@ Tappable components should provide feedback that show the user what is handling
|
||||||
|
|
||||||
Which component you use will depend on what kind of feedback you want to provide:
|
Which component you use will depend on what kind of feedback you want to provide:
|
||||||
|
|
||||||
- Generally, you can use [**TouchableHighlight**](/docs/touchablehighlight.html) anywhere you would use a button or link on web. The view's background will be darkened when the user presses down on the button.
|
- Generally, you can use [**TouchableHighlight**](/react-native/docs/touchablehighlight.html) anywhere you would use a button or link on web. The view's background will be darkened when the user presses down on the button.
|
||||||
|
|
||||||
- You may consider using [**TouchableNativeFeedback**](/docs/touchablenativefeedback.html) on Android to display ink surface reaction ripples that respond to the user's touch.
|
- You may consider using [**TouchableNativeFeedback**](/react-native/docs/touchablenativefeedback.html) on Android to display ink surface reaction ripples that respond to the user's touch.
|
||||||
|
|
||||||
- [**TouchableOpacity**](/docs/touchableopacity.html) can be used to provide feedback by reducing the opacity of the button, allowing the background to be seen through while the user is pressing down.
|
- [**TouchableOpacity**](/react-native/docs/touchableopacity.html) can be used to provide feedback by reducing the opacity of the button, allowing the background to be seen through while the user is pressing down.
|
||||||
|
|
||||||
- If you need to handle a tap gesture but you don't want any feedback to be displayed, use [**TouchableWithoutFeedback**](/docs/touchablewithoutfeedback.html).
|
- If you need to handle a tap gesture but you don't want any feedback to be displayed, use [**TouchableWithoutFeedback**](/react-native/docs/touchablewithoutfeedback.html).
|
||||||
|
|
||||||
### Long presses
|
### Long presses
|
||||||
|
|
||||||
|
@ -51,11 +51,11 @@ In some cases, you may want to detect when a user presses and holds a view for a
|
||||||
|
|
||||||
## Scrolling lists and swiping views
|
## Scrolling lists and swiping views
|
||||||
|
|
||||||
A common pattern to many mobile apps is the scrollable list of items. Users interact with these using panning or swiping gestures. The [ScrollView](/docs/basics-component-scrollview.html) component displays a list of items that can be scrolled using these gestures.
|
A common pattern to many mobile apps is the scrollable list of items. Users interact with these using panning or swiping gestures. The [ScrollView](/react-native/docs/basics-component-scrollview.html) component displays a list of items that can be scrolled using these gestures.
|
||||||
|
|
||||||
ScrollViews can scroll vertically or horizontally, and can be configured to allow paging through views using swiping gestures by using the `pagingEnabled` props. Swiping horizontally between views can also be implemented on Android using the [ViewPagerAndroid](/docs/viewpagerandroid.html) component.
|
ScrollViews can scroll vertically or horizontally, and can be configured to allow paging through views using swiping gestures by using the `pagingEnabled` props. Swiping horizontally between views can also be implemented on Android using the [ViewPagerAndroid](/react-native/docs/viewpagerandroid.html) component.
|
||||||
|
|
||||||
A [ListView](/docs/basics-component-listview.html) is a special kind of ScrollView that is best suited for displaying long vertical lists of items. It can also display section headers and footers, similar to `UITableView`s on iOS.
|
A [ListView](/react-native/docs/basics-component-listview.html) is a special kind of ScrollView that is best suited for displaying long vertical lists of items. It can also display section headers and footers, similar to `UITableView`s on iOS.
|
||||||
|
|
||||||
### Pinch-to-zoom
|
### Pinch-to-zoom
|
||||||
|
|
||||||
|
@ -63,4 +63,4 @@ A ScrollView with a single item can be used to allow the user to zoom content. S
|
||||||
|
|
||||||
## Handling additional gestures
|
## Handling additional gestures
|
||||||
|
|
||||||
If you want to allow a user to drag a view around the screen, or you want to implement your own custom pan/drag gesture, take a look at the [PanResponder](/docs/panresponder.html) API or the [gesture responder system docs](/docs/gesturerespondersystem.html).
|
If you want to allow a user to drag a view around the screen, or you want to implement your own custom pan/drag gesture, take a look at the [PanResponder](/react-native/docs/panresponder.html) API or the [gesture responder system docs](/react-native/docs/gesturerespondersystem.html).
|
||||||
|
|
|
@ -17,7 +17,7 @@ In Xcode, select your phone as build target and press "Build and run"
|
||||||
|
|
||||||
> Hint
|
> Hint
|
||||||
>
|
>
|
||||||
> Shake the device to open the [developer menu](/docs/debugging.html#accessing-the-in-app-developer-menu).
|
> Shake the device to open the [developer menu](/react-native/docs/debugging.html#accessing-the-in-app-developer-menu).
|
||||||
|
|
||||||
## Building your app for production
|
## Building your app for production
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue