old_contents: import React, { Component } from 'react';
  import { Text, Image, View } from 'react-native';
  import styles from './styles/ResultsScreenStyle';
  import { StackNagivator } from 'react-navigation';
  import GeneralButton from '../components/GeneralButton';
  import buttonStyles from '../components/styles/ButtonStyle';
  import LaunchScreen from './LaunchScreen';
  
  export default class ResultsScreen extends Component {
    constructor(props) {
      super(props);
      this.state = {
        isLoading: true,
      }
    }
  
    componentDidMount() {
      return fetch('http://localhost:3000/games/'+this.props.navigation.state.params.game_id+'/paths.json')
      .then((response) => response.json())
      .then((responseJson) => {
        this.setState({
          isLoading: false,
          pathsObject: responseJson,
        })
      })
      .catch((error) => {
        console.error(error);
      })
    }
  
    render() {
      if (this.state.isLoading) {
        return (
          <View>
            <Text>Loading...</Text>
          </View>
        )
      }
  
      const { navigate } = this.props.navigation;
        return (
          <View style={styles.endingPaths}>
            <View>
              {
                this.state.pathsObject.paths_chosen.map(function(path, index) {
                  return (
                    <Text key={index}>{path.name}</Text>
                  )
                })
              }
            </View>
            <View>
              <GeneralButton text='Restart' textStyle={buttonStyles.generalButtonText} touchStyle={buttonStyles.generalButton} onPress={() => navigate('LaunchScreen')} />
            </View>
          </View>
        )
    }
  }
  
new_contents: import React, { Component } from 'react';
  import { Text, Image, View, FlatList } from 'react-native';
  import styles from './styles/ResultsScreenStyle';
  import { StackNagivator } from 'react-navigation';
  import GeneralButton from '../components/GeneralButton';
  import buttonStyles from '../components/styles/ButtonStyle';
  import LaunchScreen from './LaunchScreen';
  
  export default class ResultsScreen extends Component {
    constructor(props) {
      super(props);
      this.state = {
        isLoading: true,
      }
    }
  
    componentDidMount() {
      return fetch('http://localhost:3000/games/'+this.props.navigation.state.params.game_id+'/paths.json')
      .then((response) => response.json())
      .then((responseJson) => {
        this.setState({
          isLoading: false,
          pathsObject: responseJson,
        })
        console.log(this.state.pathsObject);
      })
      .catch((error) => {
        console.error(error);
      })
    }
  
    renderItem({ item, index }) {
      return (
        <Text>{item.name}</Text>
      );
    }
  
    renderRestartButton() {
      return (
        <View>
          <GeneralButton text='Restart' textStyle={ buttonStyles.generalButtonText } touchStyle={ buttonStyles.generalButton } onPress={ () => navigate('LaunchScreen') } />
        </View>
      );
    }
  
    render() {
      if (this.state.isLoading) {
        return (
          <View>
            <Text>Loading...</Text>
          </View>
        )
      }
  
      const { navigate } = this.props.navigation;
        return (
          <View style={styles.endingPaths}>
            <View>
              <FlatList
                key={'PathsTaken'}
                data={ this.state.pathsObject.paths_chosen }
                renderItem={ this.renderItem }
                ListHeaderComponent={this.renderRestartButton}
              />
            </View>
            <View>
              <GeneralButton text='Restart' textStyle={ buttonStyles.generalButtonText } touchStyle={ buttonStyles.generalButton } onPress={ () => navigate('LaunchScreen') } />
            </View>
          </View>
        )
    }
  }
  
subject: Add flatlist to view paths with restartbutton as header