Question

我是React Native的新用户，我尝试使用标签导航创建应用，但我无法找到从上一页获取参数的方法（我正在使用StackNavigator）来自const TabNavigation组件。这是我的代码：

＆＃13;

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;

＆＃13;

并且我尝试这种方式，但它导致应用程序无法从Page1或Page2内部导航到其他页面

＆＃13;

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;

＆＃13;

谢谢。

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

反应导航const文件得到参数

1 个答案: