React Native External Stylesheet

Question

Is there a way in React Native that I can put all of my styles in a single file so it can easily be maintained (from my perspective) like in HTML we have a .css file.

And also I have a module where there are different styles based on a current user.

Answer 1

You could simply create a Styles component like so with all your styles...

import { StyleSheet } from "react-native"  export default StyleSheet.create({    ... }) 

Then on any view needing styles, simply require it...

import styles from "./Styles"