<Modal style={styles.modal} swipeToClose={false} position={"center"} ref={"discardRankingModal"}>

  <View style={styles.modalBodyWrapper}>

    <Text style={{color: 'black', fontSize: 16}}>Pressing the Cancel button will discard the ranking. Continue?</Text>

  </View>

  <View style={styles.modalButtonsWrapper}>

    <TouchableWithoutFeedback onPress={this.modalPressNo}>

      <View style={styles.modalButtonCancel}>

        <Text style={styles.modalButtonCancelText}>Discard</Text>

      </View>

    </TouchableWithoutFeedback>

    <TouchableWithoutFeedback onPress={this.modalPressYes}>

      <View style={styles.modalButtonSave}>

        <Text style={styles.modalButtonSaveText}>Keep</Text>

      </View>

    </TouchableWithoutFeedback>

  </View>

</Modal>