Why StyleSheet.create is useful?

There are several ways to add styles to elements in React Native. The simplest approach to style any React application is via inline styles. We don’t need to make a separate CSS if you style elements inline. Inline styles are only a viable option for extremely small applications, despite a few immediate benefits. 

Syntax:

const styles = StyleSheet.create({
    container: {
        // Write CSS like property here.
        flex: 2,
        padding: 19,
        backgroundColor: "#123f45"
    }
},

We can create a stylesheet by using StyleSheet.create. A stylesheet is a set of guidelines used to determine how a webpage or document is laid out and designed. StyleSheet in React Native shares several attributes with CSS, including color, height, top, right, bottom, and left.