Galera, sou novo no React Native
, o que eu quero fazer é pegar um this.state
da tela 1 por exemplo e utilizá-lo na tela 2 para printar esse mesmo this.state
. Fiz um exemplo bem grotesco para tentar explicar:
import React, { Component } from 'react';
import {
View,
Text,
StyleSheet,
TextInput,
TouchableHighlight,
} from 'react-native';
export default class Inputs extends Component {
constructor(props) {
super(props);
this.state = {
num1: 0,
num2: 0,
resultadoSoma: 0,
};
this.calcularSoma = this.calcularSoma.bind(this);
}
calcularSoma() {
let calculoSoma = 0;
calculoSoma = parseFloat(this.state.num1) + parseFloat(this.state.num2);
let s = this.state;
s.resultadoSoma = calculoSoma;
this.setState(s);
}
render() {
return (
<View>
<TextInput
onChangeText={num1 => {
this.setState({ num1 });
}}/>
<TextInput
onChangeText={num2 => {
this.setState({ num2 });
}}/>
<TouchableHighlight activeOpacity={0.3} onPress={this.calcularSoma}>
<Text style={styles.textoBotaoContinuar}>CALCULAR</Text>
</TouchableHighlight>
<Text>RESULTADO: {this.state.resultadoSoma}</Text>
</View>
);
}
}
Como pego esse
<Text>RESULTADO: {this.state.resultadoSoma}</Text>
e mostro ta tela 2?
Qualquer ajuda será de grande valor.