React Native -将参数传递给自定义导航器组件的同级组件

// 创建一个 Context
const MyContext = React.createContext();

// 在根组件中提供 Context
class App extends React.Component {
  state = {
    data: 'Hello World'
  };

  render() {
    return (
      <MyContext.Provider value={this.state.data}>
        <NavigationContainer>
          <Stack.Navigator>
            <Stack.Screen name="Home" component={HomeScreen} />
          </Stack.Navigator>
        </NavigationContainer>
      </MyContext.Provider>
    );
  }
}

// 在同级组件中使用 Context
class SiblingComponent extends React.Component {
  static contextType = MyContext;

  render() {
    return <Text>{this.context}</Text>;
  }
}

// Redux 示例
import { createStore } from 'redux';
import { Provider } from 'react-redux';

const initialState = {
  data: 'Hello World'
};

function reducer(state = initialState, action) {
  switch (action.type) {
    default:
      return state;
  }
}

const store = createStore(reducer);

class App extends React.Component {
  render() {
    return (
      <Provider store={store}>
        <NavigationContainer>
          <Stack.Navigator>
            <Stack.Screen name="Home" component={HomeScreen} />
          </Stack.Navigator>
        </NavigationContainer>
      </Provider>
    );
  }
}

// 在同级组件中使用 Redux
import { connect } from 'react-redux';

class SiblingComponent extends React.Component {
  render() {
    return <Text>{this.props.data}</Text>;
  }
}

const mapStateToProps = (state) => ({
  data: state.data
});

export default connect(mapStateToProps)(SiblingComponent);