36 lines
748 B
JavaScript
36 lines
748 B
JavaScript
import PropTypes from 'prop-types';
|
|
import React from 'react';
|
|
import { StyleSheet, Button, View } from 'react-native';
|
|
|
|
const Modal = ({ children, navigation, title }) => (
|
|
<View style={styles.container}>
|
|
<Button onPress={() => navigation.goBack()} title="Dismiss" />
|
|
{children}
|
|
</View>
|
|
);
|
|
|
|
Modal.propTypes = {
|
|
children: PropTypes.node.isRequired,
|
|
title: PropTypes.string,
|
|
};
|
|
|
|
Modal.defaultPorps = {
|
|
title: null,
|
|
};
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
backgroundColor: '#F5FCFF',
|
|
},
|
|
title: {
|
|
fontSize: 20,
|
|
textAlign: 'center',
|
|
margin: 10,
|
|
},
|
|
});
|
|
|
|
export default Modal;
|