Jak wyrównać tekst do grafiki ?

Chciałbym wycentrować tekst pod grafika, jak to zrobic ?

function EmployeeComponet({id, image, title}) {
    return (
        <View>
            <View style={styles.container}>
                <TouchableOpacity>
                    <Image  source={image} />
                </TouchableOpacity>
                <Text style={styles.title}>{title}</Text>
            </View>
        </View>
    )
};

export default EmployeeComponet;

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignContent: 'center',
        justifyContent: 'center'
    },
    title: {
        color: 'white'
    }        
});

text-align: center