在React Native中传递道具到外部样式表中？

Question

我是React和React Native的新手。目前，我将代码分成两个单独的文件：

1. index.js所有的React代码和;
2. styles.js的样式表

有没有办法道具传递到外部的样式表？

实施例： index.js：

render() { 
 
    const iconColor = this.props.color || '#000'; 
 
    const iconSize = this.props.size || 25; 
 

 
    return (
 
    <Icon style={styles.icon} /> 
 
); 
 
}

例styles.js：

const styles = StyleSheet.create({ 
 
    icon : { 
 
    color: iconColor, 
 
    fontSize: iconSize 
 
    } 
 
});

上面的代码不起作用，但它更多的是为了获得我想要做的事情。任何帮助深表感谢！

Answer 1

创建一个类，它iconColor通过和iconSize作为参数，并返回一个StyleSheet对象

// 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') 
}