react-native - example - router flux v4

¿Cómo pasar valores a otro componente en React-Native-Router-Flux?

Question

Mi código es:

...
<Router>
<Scene key="com1" component={Com1} initial/>
<Scene key="com2" component={Com2}/>
</Router>
...
com1.js
...
onPress={Actions.com2}

com1 com2 a com2 .

Pero necesito pasar valores para el buzón de entrada de Com1 a Com2 .

¿Cómo puedo hacer eso?

Answer 1

Además de eso, (y para aquellos en los comentarios que dijeron que no funcionó) puede intentarlo a continuación. Cuando pasas el

Actions.com2({text : ''Hello World''});

Com2 debería pasar ''apoyos''

const Com2 = (props) => {
return ( <View ...
{props.text}
... />
);

Answer 2

Pasar datos a través de una entrada,

 import React, { Component } from ''react'';
import { Text, View, TextInput, TouchableOpacity } from ''react-native'';
import { Actions } from ''react-native-router-flux'';
export default class Com1 extends Component {
state = { text: '''' };
render() {
return (
<View>
<TextInput
value={this.state.text}
onChangeText={text => this.setState({ text })}
/>
<TouchableOpacity onPress={this.onPressNext.bind(this)}>
<Text>Get Data</Text>
</TouchableOpacity>
</View>
);
}
onPressNext() {
Actions.Com2({text: this.state.text });
}
}

Para obtener valor en la segunda página.

 export default class Com2 extends Component {
render() {
return (
<View>
<Text>
{this.props.text}
</Text>
</View>
);
}
}

Puede consultar este enlace: https://react-native-solutions.blogspot.com/2018/07/passing-data-between-screens-in-react.html

Answer 3

Puede pasar datos como este:

Actions.com2 ({text: ''Hello World''})

Puedes recuperar tus datos en com2 así:

esto.props.text

Puedes ir al siguiente tutorial para más información:

https://github.com/aksonov/react-native-router-flux/blob/master/docs/v3/MINI_TUTORIAL.md