How to get the object in StyleSheet.create?(React Native)

Question

const styles = StyleSheet.create({

    container : {
        flex : 1,
        backgroundColor : config.getColor('bg'),
    },
    title : {
        marginLeft : 80,
        marginTop : 30,
        height : 35,
        width : 100,
        borderRadius : 17,
        borderWidth : 1,
        borderColor : config.getColor('theme'),
        fontSize : 17,
        color : config.getColor('theme')
    }
});

when I console.log styles.title,I got a number.so how to convert it to a object?

Answer 1

You can use the flatten method.

Example:

StyleSheet.flatten(styles.title)