如何在React Native中动态设置组件样式？

Question

我正在使用this软件包中的AirbnbRating组件。

问题在于当我使用全局样式文件并在其中定义所有样式时，对其进行动态样式设置。

我需要从该size文件中更改AirbnbRating的{​​{1}}属性。

这是我的代码

styles.js

在这一行<AirbnbRating onFinishRating={this.ratingCompleted} showRating={false} size={20} selectedColor="#0022FF" starContainerStyle={{ alignSelf: "flex-start", backgroundColor: 'transparent', marginLeft: -3, }} /> 中，我需要做类似的事情

size={20}

有办法吗？

编辑：

我的样式文件就是这样

size={styles.ratingSize}

Answer 1

您可以尝试做：

ratingSize：{ 宽度：20， }

然后使用styles.ratzingSize.width

无论如何，您只需要它的值即可。