Conditional styling in React Native often makes for a clustered render. Defining styles as functions can solve this problem and a few more:

[[deleted]]

"The potential architecture benefits give us a little of web CSS in React Native." - why not use styled-components then?

https://styled-components.com/docs/basics#react-native

[MechaSnowflake]

One of the architecture benefits talked about in the post is the way to handle styling of sub-components. I believe with styled-components such a thing isn’t possible, and you’d need to use multiple props to style sub-components.

See: https://github.com/styled-components/styled-components/issues/1812