/Javascript/React/How to pass parent function to child screen in React Navigation

How to pass parent function to child screen in React Navigation

class MainScreen extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      title: null
    };

    this.updateTitle = this.updateTitle.bind(this);
  }

  updateTitle(title) {
    this.setState({title: title});
  }

  render() {
    return (
      <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen 
          name="NewScreen"
          options={{
            headerShown: true,
            headerTitle: this.state.title
          }}>
            {(props) => <NewScreen  {...props} updateTitle={this.updateTitle}/>}
          </Stack.Screen>
        </Stack.Navigator>
      </NavigationContainer>
    );
  }
}

Source: stackoverflow.com

Similar codes

13 votes316 views3 answers
Enable emmet vscode react
Javascript React
0 vote315 views1 answer
React native gridient button
Javascript React
0 vote322 views2 answers
How to give data from react native to webview
Javascript React
0 vote322 views1 answer
Render blaze in react
Javascript React
0 vote332 views2 answers
Get location from brwoser react
Javascript React
2 votes287 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote325 views4 answers
Router react how to pass data to class component
Javascript React
0 vote347 views1 answer
React bootsrap color picker
Javascript React
0 vote317 views1 answer
Publish reactjs package to gitlab repository
Javascript React
0 vote299 views1 answer
Flatlist footer react native
Javascript React