状态数据如何发送到另一个屏幕?

时间:2020-03-27 06:23:10

标签: reactjs react-native react-native-android

我的代码是这样的。我在第一个屏幕上获取了数据,并以状态存储了该数据,但无法在另一个屏幕上接收到该数据。

1)

getCharity = (item) => {
        this.setState({updateCharityName: item.charityName})
    }

2)

<TouchableOpacity 
onPress={() => { this.props.navigation.navigate('AppsettingScreen',{UserName:this.state.updateCharityName}),this.getCharity(item)}} 
style={{ backgroundColor: '#ff8787', width: 51, height: 20, borderRadius: 20 }} >
<Text style={{ color: 'white', marginHorizontal: 8, width: 55 }}>Select</Text>
</TouchableOpacity>

第二个屏幕:-

1)const data = this.props.navigation.getParam('UserName');
2)<Text style={styles.txtheadvw}>{(JSON.stringify(data))}</Text>

1 个答案:

答案 0 :(得分:4)

这里有一些例子。 Passing parameters to routes

1。通过将参数放在对象中作为导航的第二个参数,将参数传递给路线。 函数:navigation.navigate('RouteName',{/ * params go here * /})

2。阅读屏幕组件中的参数:route.params。