javascript - react native 和 react 导航 : Accesing params from sibling screen in TabNavigator

Question

我正在从同一个 TabNavigator 中的另一个屏幕访问 TabNavigator 中一个屏幕中的参数。

这就是我目前的做法:

const siblingNavigator = props.navigation.dangerouslyGetParent().getChildNavigation('Cities');
const data = siblingNavigator.getParam('data');

这看起来很复杂，而且可能有问题。

有没有更好的办法？

Answer 1

将所需数据传递给 screenProps。我不知道我现在用的这个函数是什么bug，但是我在用的时候没看到。

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);