如何在Text native中将TextInput值从一个屏幕传递到另一个屏幕？

Question

我知道这个问题已经被问到，但我找不到任何合适的解决方案。所以这是我的问题，我想将TextInput值传递给提交按钮上的另一个屏幕。所以，请告诉我如何传递值并在另一个屏幕上显示。我是新的反应原生发展。

Answer 1

在组件的顶部，您要声明您的状态。

class App extends Component {
  state = {text: ""};

然后，您希望将TextInput中的任何文本保存到该状态。

<TextInput onChangeText={text => this.setState({text})} />

然后，您希望将该状态传递给您需要的其他组件。

将此添加到提交按钮的onPress：

onPress={() => navigate('OtherComponent',  { text: this.state.text} )}

然后在你的＆＃34; OtherComponent＆＃34;你可以访问这样的状态：

this.props.navigation.state.params.text

这假设您正在使用react-navigation。

Answer 2

要在组件顶部声明状态。

class App扩展了组件{   状态= {text：“”}; 然后，您想将TextInput中的任何文本保存到该状态。

this.setState（{text}）} />

然后，您想将该状态传递给需要它的其他组件。

将其添加到提交按钮的onPress中：

onPress = {（）=> this.props.navigation.navigate（'OtherComponent'，{text：this.state.text}）; 然后，在“ OtherComponent”中，您可以像这样访问状态：

this.props.navigation.state.params.text

这是假设您正在使用反应导航。