Passing props into external stylesheet in React Native?

Question

I\'m new to React and React Native. At the moment for each component I\'m breaking the code into 2 separate files:

1. index.js for all the React cod

Answer 1

Create a class that takes iconColor and iconSize as arguments and returns a StyleSheet object

// styles.js

export default class StyleSheetFactory {
    static getSheet(iconSize, iconColor) {
        return StyleSheet.create({
            icon : {
                color: iconColor,
                fontSize: iconSize
            }
        })
    }
}

// index.js

render() {
    let myStyleSheet = StyleSheetFactory.getSheet(64, 'red')
}