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

Question

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

问题在于动态设置样式，因为我正在使用全局样式文件并在那里定义我的所有样式。

我需要从 styles.js 文件中更改 AirbnbRating 的 size 属性。

这是我的代码

<AirbnbRating
    onFinishRating={this.ratingCompleted}
    showRating={false}
    size={20}
    selectedColor="#0022FF"
    starContainerStyle={{
       alignSelf: "flex-start",
       backgroundColor: 'transparent',
       marginLeft: -3,
    }}
 />

在这一行中size={20}我需要做这样的事情

size={styles.ratingSize}

有办法吗？

编辑：

我的样式文件是这样的

export default {
    contain: {
         flex: 1,
    },
    ratingSize: {
         //what should this be ? 
    }
}

Answer 1

你可以试试：

评分大小：{ 宽度：20， }

然后styles.ratzingSize.width

无论如何你只需要它的价值。