React Native - Como eu posso fazer isso com redux?

21/06/2019

0

Estou começando agora com React native, e agora me deparei com a seguinte situação.. primeiramente o projeto que estou usando já vem com algumas coisas prontas, então já foi criada a store, tem algumas coisas usando o redux no app já, e eu fiz a seguinte tela para estudar:
import React, { Component } from ''react'';
import { View, Text, TextInput, StyleSheet} from ''react-native'';
import { Actions } from ''react-native-router-flux'';
import { MyButton } from ''../../components'';

//import { mudaTexto } from ''../../actions'';
//import { connect } from ''react-redux'';


class Screen1 extends Component {

constructor(props){
super(props)
this.state ={resultadoText:"", texto:"" }
this.mudaTexto = this.mudaTexto.bind(this)
}

//Action
mudaTexto(){
let textoU = this.state.texto
let s = this.state
s.resultadoText = textoU
this.setState(s)
}

render(){
return(
<View style={[styles.view, {flex:1}]}>
<Text style={[styles.txt, {marginTop:0}]}>Essa é a tela 1</Text>
<TextInput placeholder=''Escreva aqui seu texto''
style={[styles.txt, {fontSize:25}]}
onChangeText={(texto) => {this.setState()}}>
</TextInput>
<MyButton onPress={this.mudaTexto} text=''Enviar texto''/>
<Text
style={[styles.txt]}>{this.state.resultadoText}
</Text>
<View style={styles.view} >
<MyButton onPress={()=>Actions.home()} text=''Voltar'' />
</View>
</View>
)
}
}
const styles = StyleSheet.create({
txt: {
fontSize:40,
textAlign:''center'',
marginTop:30
},
view: {
justifyContent:"center"
}

})
export default Screen1
//export default connect (Screen1)


Eu estou muito perdido com redux, já sei pra que serve, etc, mas não consigo entender direito como faz. Então nesse meu contexto, como eu poderia pegar essa função mudaTexto() que precisa saber o state para funcionar e passo ela pra uma pasta src/Actions por exemplo? Como precisa ficar o código da action, do reducer e da screen nesse caso? Eu sei que é pedir muito, mas vai deixar um estagiário que conseguiu começar na área agora mto feliz kkkk Qro chegar lá segunda já entendendo disso kkkk
Raphael

Raphael

Responder

Post mais votado

22/06/2019

Cara, da uma olhada rápida nesse curso https://www.devmedia.com.br/react-redux/
Vai te dar base rapidão pra conseguir fazer isso aí. Ao contrário, sem entender como funciona o Redux, tu não vai sair da inércia

Julio

Julio
Responder

Mais Posts

22/06/2019

Raphael

Cara, da uma olhada rápida nesse curso https://www.devmedia.com.br/react-redux/
Vai te dar base rapidão pra conseguir fazer isso aí. Ao contrário, sem entender como funciona o Redux, tu não vai sair da inércia
Shoow mano vlw
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar