如何在react-native中动态改变风格？

Question

就像在react中一样，我们可以检查元素，查看应用于元素的类并动态更改css属性，并可以在UI.Like中查看react native中是否有任何内容?尝试使用react-devtools但尝试更改css属性值，但这在UI中没有反映出来。

Answer 1

你有自己的style属性，你可以设置一个函数。

<SomeComponent style={this.styleDefiningMethod()} ... />

styleDefiningMethod () { // pass a parameter that you want to be change in you style like let styleChange
    return {
        //your style definition e.g. background: '#ff00ff'
    }
}

在你的styleDefiningMethod中，你可以根据你的状态或者参数添加一些逻辑。