How to pass values to other component in React-Native-Router-Flux?

Question

My code is:

...

 


...
com1.js         


        

Answer 1

Pass data through an Input,

   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 (
          
              this.setState({ text })}
            />
    
   Get Data
    
    
    );
}

onPressNext() {
    Actions.Com2({text: this.state.text });
}
}

To get value in the second Page

   export default class Com2 extends Component {

      render() {
         return (
        
         
          {this.props.text}
         
       
    );
  }
 }

You can refer to this link: https://react-native-solutions.blogspot.com/2018/07/passing-data-between-screens-in-react.html