java - 如何设置可以在样式中使用的变量

Question

我正在使用 React native 组件，根据其支持，它使用两种主要颜色。因为我想访问样式表中的那个变量，所以我在类之外声明它，而不是在状态中。首先，我将其声明为蓝色，然后在构造函数中将其值更改为绿色。但是它使用的文本仍然是蓝色的。我知道它与渲染有关，但我认为既然我更改了生命周期中第一个类构造函数中的值，它就会起作用。

我不想在 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
    }
})

Answer 1

我不认为您可以在创建后修改样式表，并且不清楚您尝试这样做的原因。

在您的示例中，您可以只向 Text 标记添加一个动态属性，如:

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