import * as React from 'react';
import { Button, View, Text } from 'react-native';
import {
createStackNavigator,
TransitionPresets,
} from 'react-navigation-stack';
class ListScreen extends React.Component {
static navigationOptions = {
title: 'My Modal',
};
render() {
return (
List Screen
A list may go here
);
}
}
class DetailsScreen extends React.Component {
static navigationOptions = {
header: null,
};
render() {
return (
Details Screen
this.props.navigation.push('Details')}
/>
this.props.navigation.navigate('List')}
/>
this.props.navigation.goBack()}
/>
this.props.navigation.navigate('Home')}
/>
);
}
}
export default createStackNavigator(
{
List: ListScreen,
Details: DetailsScreen,
},
{
mode: 'modal',
defaultNavigationOptions: {
...TransitionPresets.ModalPresentationIOS,
cardOverlayEnabled: true,
gestureEnabled: true,
},
}
);