react-native - 反应导航常量文件获取参数

Question

我是 React Native 的新手，我正在尝试使用选项卡导航创建应用程序，但我找不到从 const TabNavigation 组件的上一页（我正在使用 StackNavigator）获取参数的方法。这是我的代码：

import React, { Component } from "react";
import { TabNavigator } from "react-navigation";

import Page1 from './tab/page1.js';
import Page2 from './tab/page2.js';

const Tab = TabNavigator({
    Page1: { screen: Page1 },
    Page2: { screen: Page2 },
  },
  {
    tabBarPosition: "bottom",
    swipeEnabled: false,
    animationEnabled: false,
    }
  }
);

export default Tab;

我正在尝试这样做，但这会导致应用程序无法从 Page1 或 Page2 内部导航到其他页面

class Base extends Component {

  constructor(props) {
    super(props);
	this.state = { notif: 0 };
  }

  componentDidMount() {
  this.setState({ notif: this.props.navigation.state.params.notif })
  }

  render() {
	return (
      <Tab/>
    );
  }
}

export default Tab;

谢谢你。

Answer 1

这就是您将参数react-navigation从一个屏幕传递到另一个屏幕的方式。

navigate('screen_name',{param_key:param_value})

并在下一个屏幕中提取这样的参数

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

const value_from_previous_screen = params.param_key