在React-Native中将字符串值从一页传递到另一页

Question

I am trying to capture user input value and set it into a state and pass the new state (updated value) to second page to be used in a function.

The overall app is to create a name for a group chat and pass the NAME of group to the next page to be used as one of the parameters in the createGroup() function.

The concept code would be having this.state.channelName and when user input new value into TextInput i will capture the string value and _onChangeText(newName){this.setState({channelName: newName})} .

After that i will have a button to push to a new page and use the newName in the function.

The result should be having the groupName that contains all the selected users.

Hope i made myself clear thank you

Answer 1

The pass data during navigation using react-navigation

this.props.navigation.navigate(component, { param1: value1, param2: value2, ...})

If you want to update the state for another component, you must maintain the state in redux / flux and update the state in this component and map the state to a prop in next component.