CreatGameScreen.js

class CreateGameScreen extends React.Component {
  this.state = {
    curView: 'sportAndTime',
    sport: '',
    date: null,
    time: null,
    spotId: '',
    description: '',
  }


  handleSportChange = (sport) => {
   this.setState({ sport });
  }
  
  handleTimeChange = (time) => {
   this.setState({ time });
  }

  render() {
    const {
      curView,
      sport,
      date,
      time,
      spotId,
      description,
    } = this.state;
    
    return(
      <View>
        {curView === 'sportAndTime' && (
          <SportAndTimeView
            sport={sport}
            time={time}
            onSportChange={this.handleSportChange}
            onTimeChange={this.handleTimeChange}
          />
        )}
        {curView === 'pickSpot' && (
          <PickSpotView
            spotId={spotId}
            onSpotPress={this.handleSpotPress}
          />
        )}
        //...
        <Footer
          numPages={4}
          currentPage={/* handle this accordingly */}
          onBack={this.onBack}
          onNext={this.onNext}
          disableNext={/* handle this accordingly */}
        />
      </View>
   ) 
  }
}