Question

我正在使用DrawerNavigation，并且我拥有Notifications页面

我可以使用多个时间，但是使用不同的道具。

const MyApp = DrawerNavigator({
    Home: {
        screen: MyHomeScreen,
    },
    Notifications: {
        screen: MyNotificationsScreen,
    },
});

我找到了答案屏幕：

(props) => <MyNotificationsScreen {...props} propName={val1} />``` but I can't receive data.Can you help me?

Answer 1

如果要在抽屉式导航器之间传递参数，

将所需的数据传递到screenProps。我不知道我现在正在使用的功能是哪种错误，但是我在使用它时还没有看到它。

const SomeStack = createBottomTabNavigator({
  // config
});
<SomeStack
  screenProps={/* this prop will get passed to the screen components as this.props.screenProps */}
/>

示例

const SomeStack = createBottomTabNavigator({
  // config
});
...
class MainScreen extends React.Component {
  constructor(props) {
    super(props);
    this.state = {data: "somedata"};
  }

  render() {
    return(<SomeStack screenProps={{ data: this.state.data}} />
  }
}

//现在您可以在屏幕上进行

console.log(this.props.screenProps.data);

在DrawerNavigator中通过屏幕选项传递和接受道具

1 个答案: