Soy nuevo en React Native. Tengo un modal que tiene un área de entrada de texto. Quiero que el comentario que el usuario ingrese aquí sea enviado directamente a mis direcciones de correo electrónico sin abrir la aplicación de gmail. Es decir, el usuario introducirá su comentario en este campo y volverá a la aplicación tras pulsar el botón de enviar. Tan pronto como se presione el botón de enviar, el comentario escrito por el usuario será enviado a mis dos direcciones de correo electrónico. ¿Es posible hacer esto en React Native?
Vista modal en la aplicación:
Mi código:
import React, { useState } from "react" import { StyleSheet, View, Text, TextInput } from "react-native" import { colors } from "../../theme/Colors" import Fonts from "../../theme/Fonts" import { units } from "../../theme/Units" import ModalButtonWithBackground from "./ModalButtonWithBackground" const StoreReview = (props) => { const [comment, setComment] = useState('') return ( <View style={styles.container}> <Text style={styles.headerText}> We are very sorry about this. Can you share your experiences? </Text> <View style={styles.commentArea}> <TextInput onChangeText={setComment} value={comment} multiline={true} /> </View> <View style={styles.button}> <ModalButtonWithBackground buttonText={'Send'} onPress={() => { console.log(comment, 'send this comment by e-mail') props.onPressCloseModal() }} /> </View> </View> ) } const styles = StyleSheet.create({ container: { marginTop: units.height / 144, height: units.height / 2.88, justifyContent: 'space-between', }, headerText: { fontFamily: Fonts.type.bold, fontSize: Fonts.size(20), color: colors.WHITE, textAlign: 'center', marginHorizontal: units.width / 7.87 }, commentArea: { width: units.width / 1.13, height: units.height / 7.2, backgroundColor: colors.WHITE, alignSelf: 'center', borderRadius: 5, }, button: { marginTop: 4 } }) export default StoreReview