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