I am unable to close my modal like on this tutorial
https://www.youtube.com/watch?v=urzVC5Zr-JM
03:49 minutes in
I basically want to close it when my form is submitted on my class component
import React, { useState, setState, useEffect } from 'react';
import { View, Text, StyleSheet, Button, TextInput, Platform } from 'react-native';
import { Formik } from 'formik';
import { globalStyles } from '../styles/global';
import colors from '../assets/colors';
export default class AddReportForm extends React.Component {
constructor(props) {
super(props);
state = {
errorMessage: ''
}
}
render() {
return (
<View style={styles.container}>
<Formik
initialValues={{ name: '', latitude: this.props.latitude, longitude: this.props.longitude, read: false, saved: false }}
onSubmit={(values) => {
this.props.addReport(values)
}}
>
{(props) => (
<View>
<TextInput
multiline
style={styles.input}
placeholder='Name'
onChangeText={props.handleChange('name')}
value={props.values.name}
/>
<View style={globalStyles.button}>
<Button
color={colors.btnTextColor}
title='Submit' onPress={props.handleSubmit}
/>
</View>
</View>
)}
</Formik>
</View>
);
}
}