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

Question

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

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;

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

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