Gestures

Button

<Button
  onPress={() => {
    alert('You tapped the button!');
  }}
  title="Press Me"
  color="#841584"
/>

onLongPress

onPress

Touchables

Create your own buttons with touchable

• TouchableHighlight 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.

• TouchableNativeFeedback on Android to display ink surface reaction ripples that respond to the user's touch.

• TouchableOpacity reduce opacity of button on click

• TouchableWithoutFeedback handles tap without feedback

Scrolling

ScrollView

Props

• pagingEnabled

• maximumZoomScale and minimumZoomScale props use gestures to zoom in and out

import React, { Component } from 'react';
import { ScrollView, Image, Text } from 'react-native';

export default class IScrolledDownAndWhatHappenedNextShockedMe extends Component {
  render() {
      return (
        <ScrollView>
          <Text style={{fontSize:96}}>Scroll me plz</Text>
          <Image source={{uri: "https://facebook.github.io/react-native/img/tiny_logo.png", width: 64, height: 64}} />
        </ScrollView>
      );
  }
}