Выполнение нескольких функций OnPress

Я пытаюсь выполнить функцию и перейти к следующему экрану, используя React-навигацию и создав сообщение Axios.

Я уже пытался объединить обе функции, но, похоже, он не выполняет функцию createOrder.

Если я запускаю функцию createOrder в одиночку, она работает

onPress = {
    () => {
        this.createOrder
        this.props.navigation.navigate('Cart', {
            order : this.state.order
        });
    }
}

 import React from 'react';
  import { 
    View,  
    StyleSheet, 
    Text,
    Image,
    TouchableOpacity
 } from 'react-native';
 //Redux
 import { connect } from 'react-redux';
 import { addItemToCart, removeItem } from '../../actions/ProductActionCreators';
//Products
 import Products from '../../components/products/Products';
 // Api Url
 import ApiUrl from '../../helpers/ApiUrl'
 //UI LIBRARY
 import { Input, Button } from 'react-native-elements';
 import {LinearGradient} from "../../components/LinearGradient";
 import { ButtonGroup } from 'react-native-elements';
 import Icon from "react-native-vector-icons/Ionicons";
 //AXIOS
 import axios from 'axios';

 export  class ProductsListView extends React.Component {
    constructor(props) {
        super(props);
        const { rows } = this.props.navigation.state.params;
        const arrays = Object.values( {rows});
        this.state = {
            arrays,
            filteredProducts: arrays,
            selectedIndex: 2
        };
        this.updateIndex = this.updateIndex.bind(this)
    }

  createOrder () {
    axios.post( ApiUrl + 'api/order/post', {
            code: "4f",
            status: "waiting",
            user_name: "salman", 
            user_id: 1,
            club_id: 1,
        })
    .then(response => {
      this.setState({
                order: response.data,
            });
            console.info('created order',this.state.order)
    })
    .catch(function (error) {
      console.info('error',error);
    })
  }

    updateIndex (selectedIndex) {
        this.setState({selectedIndex})
    }
    filterAll(){

    }
    filterStrong(){
        this.setState({
            arrays: this.state.arrays[0].products.filter(item => item.type == "strong" )
        })
        console.info(this.state.arrays)
    }
    filterNormal(){

    }
      render() {
        const component1 = () => <Icon
        name = "ios-star"
        size = {15}
        color = "gold"
        />
        const component2 = () => <Icon
        name = "ios-beer"
        size = {15}
        color = "gold"
        onPress = {() => this.filterStrong}
        />
        const component3 = () => <Icon
        name = "ios-wine"
        size = {15}
        color = "gold"

        />

        const buttons = [{ element: component1 }, { element: component2 }, { element: component3 }]
        const { selectedIndex } = this.state
        return (
            <View style = {styles.container} >
                <Image 
                    style = {styles.imageCard} 
                    source = {
                            { 
                                uri: 
                                this.state.arrays[0].image
                            }
                        }
                />
                <Text style = {styles.title} >
                    {this.state.arrays[0].name}
                </Text>


                <Products 
                    products = {this.state.arrays[0].products} 
                    addItemToCart = {this.props.addItemToCart} 
                    removeItem = {this.props.removeItem}
                />  
                <View style = {{
                    justifyContent:'center',
                    width: '100%',
                    padding: 50,
                    paddingTop:20,
                    }}>

                        <Button
                            title = "Go to my cart"
                            containerStyle = {{ flex: -1 }}
                            buttonStyle = {styles.signUpButton}
                            linearGradientProps = {{
                            colors: ['#dd016b', '#dd016b'],
                            start: [1, 0],
                            end: [0.2, 0],
                            }}
                            ViewComponent = {LinearGradient}
                            titleStyle = {styles.signUpButtonText}
                            // onPress = {this.createOrder}                                 

                            onPress = {
                                () => {
                                this.createOrder
                                this.props.navigation.navigate('Cart', {order : this.state.order});
                            }
                        }
                    />
                </View>
            </View>
        )
      }
    }
const mapDispatchToProps =  {
    addItemToCart,
    removeItem
}
export default connect(null, mapDispatchToProps) (ProductsListView);

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
        width:'100%',
        backgroundColor: 'black',
    },
    signUpButtonText: {
        // fontFamily: 'bold',
        fontSize: 13,
    },
    signUpButton: {
        width: 250,
        borderRadius: 50,
        height: 45,
    },
    title: {
        color:'white',
        fontSize:32,
        height: 100,
        position: 'relative',
        backgroundColor: '#00000054',
        width: "100%",
        textAlign: 'center',
        paddingTop: 30,

    },
    imageCard:{
        height:100,
        width:'100%',
        position: "absolute",
        top: 0,
        backgroundColor: 'white'
    },
    button: {
        padding: 5,
        borderRadius: 25,
        margin: 5,
        backgroundColor: '#DD016B', 
        color: 'white',
        alignItems: 'center',
        justifyContent: 'center',
    }, 
})

Я пытаюсь перейти к следующему экрану с данными, полученными из моего поста Axios.