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

Question

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

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

我需要从该文件更改size道具。AirbnbRatingstyles.js

这是我的代码

<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

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