react-native和react-navigation：在TabNavigator中从同级屏幕访问参数

Question

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

这是我目前正在做的事情：

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

这似乎非常令人费解，并且可能存在错误。

有没有更好的办法？

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