Use bound functions in WelcomeScreen

playground/src/screens/WelcomeScreen.js

       }
     };
   }
-  constructor(props) {
-    super(props);
-    this.onClickPush = this.onClickPush.bind(this);
-    this.onClickShowModal = this.onClickShowModal.bind(this);
-    this.onClickLifecycleScreen = this.onClickLifecycleScreen.bind(this);
-    this.onClickPushOptionsScreen = this.onClickPushOptionsScreen.bind(this);
-    this.onClickPushExternalComponent = this.onClickPushExternalComponent.bind(this);
-    this.onClickPushOrientationMenuScreen = this.onClickPushOrientationMenuScreen.bind(this);
-    this.onClickBackHandler = this.onClickBackHandler.bind(this);
-    this.onClickPushTopTabsScreen = this.onClickPushTopTabsScreen.bind(this);
-    this.onClickShowStaticLifecycleOverlay = this.onClickShowStaticLifecycleOverlay.bind(this);
-    this.onClickProvidedId = this.onClickProvidedId.bind(this);
-  }
 
   render() {
     return (
     );
   }
 
-  onClickSwitchToTabs() {
+  onClickSwitchToTabs = () => {
     Navigation.setRoot({
       bottomTabs: {
         children: [
     });
   }
 
-  onClickSwitchToSideMenus() {
+  onClickSwitchToSideMenus = () => {
     Navigation.setRoot({
       sideMenu: {
         left: {
     });
   }
 
-  async onClickPush() {
+  onClickPush = async () => {
     await Navigation.push(this.props.componentId, {
       component: {
         name: 'navigation.playground.PushedScreen',
     });
   }
 
-  async onClickPushExternalComponent() {
+  onClickPushExternalComponent = async () => {
     await Navigation.push(this.props.componentId, {
       externalComponent: {
         name: 'RNNCustomComponent',
     });
   }
 
-  onClickLifecycleScreen() {
+  onClickLifecycleScreen = () => {
     Navigation.push(this.props.componentId, {
       component: {
         name: 'navigation.playground.LifecycleScreen'
     });
   }
 
-  onClickShowStaticLifecycleOverlay() {
+  onClickShowStaticLifecycleOverlay = () => {
     Navigation.showOverlay({
       component: {
         name: 'navigation.playground.StaticLifecycleOverlay'
     });
   }
 
-  async onClickShowModal() {
+  onClickShowModal = async () => {
     await Navigation.showModal({
       stack: {
         children: [
     });
   }
 
-  onClickShowRedbox() {
+  onClickShowRedbox = () => {
     undefined();
   }
 
-  onClickPushOptionsScreen() {
+  onClickPushOptionsScreen = () => {
     Navigation.push(this.props.componentId, {
       component: {
         name: 'navigation.playground.OptionsScreen',
     });
   }
 
-  onClickPushTopTabsScreen() {
+  onClickPushTopTabsScreen = () => {
     Navigation.push(this.props.componentId, {
       topTabs: {
         children: [
     });
   }
 
-  onClickBackHandler() {
+  onClickBackHandler = () => {
     Navigation.push(this.props.componentId, {
       component: {
         name: 'navigation.playground.BackHandlerScreen'
     });
   }
 
-  onClickPushOrientationMenuScreen() {
+  onClickPushOrientationMenuScreen = () => {
     Navigation.push(this.props.componentId, {
       component: {
         name: 'navigation.playground.OrientationSelectScreen'
     });
   }
 
-  onClickProvidedId() {
+  onClickProvidedId = () => {
     Navigation.showModal({
       stack: {
         children: [