diff --git a/example/src/GestureInteraction.js b/example/src/GestureInteraction.js
index c88b70f..a3be16f 100644
--- a/example/src/GestureInteraction.js
+++ b/example/src/GestureInteraction.js
@@ -1,7 +1,14 @@
import React from 'react';
-import { Button, WebView, View, StyleSheet } from 'react-native';
+import {
+ ActivityIndicator,
+ Button,
+ InteractionManager,
+ WebView,
+ View,
+ StyleSheet,
+} from 'react-native';
import { MapView } from 'expo';
-import { createStackNavigator } from 'react-navigation';
+import { createStackNavigator, withNavigationFocus } from 'react-navigation';
import { StackGestureContext } from 'react-navigation-stack';
import {
PanGestureHandler,
@@ -12,16 +19,40 @@ const IndexScreen = ({ navigation }) => (
);
IndexScreen.navigationOptions = {
- title: 'Gesture Interactions'
+ title: 'Gesture Interactions',
};
class MapScreen extends React.Component {
+ constructor(props) {
+ super(props);
+ InteractionManager.runAfterInteractions(() => {
+ this.setState({ interactionComplete: true });
+ });
+
+ this.state = {
+ interactionComplete: false,
+ };
+ }
+
render() {
+ if (!this.state.interactionComplete) {
+ return (
+
+
+
+ );
+ }
+
return (
{ref => (
@@ -37,6 +68,7 @@ class MapScreen extends React.Component {
MapScreen.navigationOptions = {
title: 'MapView',
};
+
const WebViewScreen = () => (
{ref => (