时间戳

首页 > 解决方案 > React-native - 使用抽屉导航器传递参数

javascript - React-native - 使用抽屉导航器传递参数

问题描述

我一直在使用 switchNavigator 在视图之间导航，但现在我正在测试 DrawerNavigator。使用 switch 传递道具相当容易，因为我正在通过一个按钮导航，如下所示：

this.navigate({
    routeName: 'Home',
    key: 'Home',
    params: {
       username: this.state.username
    }
 });

不过，在抽屉上做的方式不一样，似乎？那么应该怎么做呢？谢谢

标签： javascriptreactjsreact-native

解决方案

您可以尝试这样传递参数

this.props.navigation.navigate('Home', { userName: this.state.username });

你可以像这样从组件中获取参数

const { userName } = this.props.navigation.state.params;

推荐阅读