是通过使用React Navigation中的navigation
对象来实现的。具体而言,可以使用navigation.getParam('paramName', defaultValue)
方法来获取上一个屏幕传递过来的参数,其中paramName
是参数的名称,defaultValue
是在未找到参数时的默认值。
以下是一个示例代码,展示如何获取上一个屏幕的标题:
import React from 'react';
import { View, Text } from 'react-native';
import { createStackNavigator } from 'react-navigation';
class Screen1 extends React.Component {
componentDidMount() {
this.props.navigation.setParams({ previousScreenTitle: 'Screen 1' });
}
render() {
return (
<View>
<Text>Screen 1</Text>
</View>
);
}
}
class Screen2 extends React.Component {
render() {
const previousScreenTitle = this.props.navigation.getParam('previousScreenTitle', 'Default Title');
return (
<View>
<Text>Previous Screen Title: {previousScreenTitle}</Text>
</View>
);
}
}
const Navigator = createStackNavigator({
Screen1: { screen: Screen1 },
Screen2: { screen: Screen2 },
});
export default Navigator;
在上面的示例代码中,Screen1
组件中使用了this.props.navigation.setParams()
方法来设置previousScreenTitle
参数为'Screen 1'
。然后,在Screen2
组件中使用this.props.navigation.getParam()
方法来获取上一个屏幕传递过来的previousScreenTitle
参数,并在界面上展示。
这是一个简单的示例,你可以根据具体的应用场景来进行适当的调整和扩展。若需要更详细的信息和进一步了解React Navigation,推荐使用腾讯云提供的React Native开发平台——腾讯云·微信小程序开发平台,了解更多信息请访问:https://cloud.tencent.com/product/wxmp。
领取专属 10元无门槛券
手把手带您无忧上云