css - 如何动态改变 react-native 的风格？

Question

在 react 中，我们可以检查元素，查看应用于元素的类并动态更改 css 属性，并且可以在 UI 中看到。同样明智的是，我们在 react native 中有什么东西吗？尝试过 react-devtools 但尝试更改 css 属性值，但这并没有反映出来在用户界面中。

Answer 1

那么你有你的风格属性，你可以设置一个功能。

<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可以根据您的状态或参数添加一些逻辑。