Текст не отображается внутри просмотра

Почему этот текст не отображается в этом представлении? Пробовал сгибать по кругу и тексту. Мне нравятся долгие прогулки по пляжу и написание дополнительных символов, чтобы сделать этот пост активным.

import React, {Component} from 'react';
import {View, StyleSheet, Text} from 'react-native';

export default class Interest extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return(
            <View style = {styles.circle}>
                <Text style = {styles.text}>{this.props.title}</Text>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    circle: {
        //flex: 1,
        padding: 15,
        borderRadius: 50,
        borderWidth: 1,
        borderColor: 'black',
        height: 10,
        minWidth: 80,
        alignItems: 'center',
        marginBottom: 10
    },
    text: {
        //flex: 0,
        fontFamily: "CircularStd-Book",
        fontSize: 14,
        color: '#2f354b',
        textAlign: 'center'
    }
});