/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

0 vote119 views1 answer
Debug react routes
Javascript React
3 votes135 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
0 vote131 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
59 votes128 views3 answers
Npm react router dom
Javascript React
0 vote183 views1 answer
No unuseds varsnreactjs
Javascript React
0 vote131 views1 answer
Row smaller than the container bootstrap react
Javascript React
0 vote140 views1 answer
Declaring variable react hooks
Javascript React
4 votes120 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
2 votes153 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 vote198 views1 answer
Apache react deploy "conf"
Javascript React