2025-03-26 02:41:09

在React Native（RN）开发中，页面跳转和参数传递是常见的需求。尤其是当需要从一个页面弹出框传递数据到另一个页面时，掌握正确的方法非常重要！💪

首先，确保你已经安装了`react-navigation`库，这是实现页面跳转的基础工具包。通过`this.props.navigation.navigate('目标页面', { 参数名: 参数值 })`可以轻松完成页面跳转并传递数据。例如，当你点击某个按钮时，可以这样写：

```javascript

onPress={() => this.props.navigation.navigate('TargetPage', { id: 123, name: 'Tom' })}

```

而在目标页面接收数据也很简单，使用`this.props.route.params`即可获取传递过来的参数。比如：

```javascript

const { id, name } = this.props.route.params;

console.log(id, name); // 输出：123 Tom

```

此外，如果涉及到弹出框传递参数，可以在弹出框组件中定义回调函数，并将所需的数据作为参数传递回去。这样不仅提升了用户体验，也让代码更加模块化和易于维护。

总之，在RN开发中，灵活运用这些方法能够让你的App功能更强大！🚀💡