スタイルで使用可能な変数を設定する方法

B.馬。

私は、その支柱によれば、二つの主要な色を使用している天然成分を反応有するい。私はスタイルシートでその変数にアクセスしたいので、私は状態で外部クラスのそれを宣言し、そしてません。まず、私はそれが青であることを宣言し、コンストラクタで、私は緑に、その値を変更します。しかし、それが使用するテキストは青のまま。私はそれがレンダリングとは何かを持っているけど、私は私がライフサイクルの最初であるクラスのコンストラクタに値を変更するので、それが働くだろうと思いました。

私はこれに対する解決策がある、ないJSXスタイルタグ内の関数を使用したいですか？

let mainColor = Colors.blue1;

export default class Article extends Component {

    constructor(props) {
        super(props);
        mainColor = Colors.green;
        this.state={
            liked: false,
            withHeroImage: false
        }
    }


    render() {
        return (

           <Text style={styles.title}>Lorem ipsum</Text>
        );
    }
}

const styles = StyleSheet.create({
    title:{
        fontSize: 20,
        color: mainColor,
        fontFamily: FontFamily.PoppinsSemibold,
        marginBottom: 20
    }
})

マイクM：

私はあなたが作成した後、スタイルシートを変更することができるとは思わないし、そうしようとしている理由は明らかではありません。

あなたの例では、あなただけに動的な属性を追加することができますTextのように、タグ：

<Text style={[styles.title, {color:mainColor}]}>Lorem ipsum</Text>