React native 我可以动态更改react native中的styles属性吗？

我正在尝试创建一个简单的进度条，它将根据当前状态动态更改。我使用两个视图，一个用于进度条容器，另一个用于进度条（通过动态改变宽度直观地显示）。如何动态更新进度条宽度样式

以下是我所拥有的（我正在导入样式表）：

progressBarContainer：{
宽度：300，
身高：20，
边界宽度：2，
边框颜色：“黑色”
},
进度条：{
身高：16，
宽度：100，
背景颜色：“紫色”
}

是的，你可以。像这样的

<View style={styles.progressBarContainer}>
   <View 
   style={ this.state.pressStatus ? styles.buttonPress : styles.button }
/>
</View>

---

您可以内联执行，因为

样式

对象不会意识到

这个

。正如你所说，它是进口的，所以变异不是最好的主意。您可以尝试以下操作：

{[style.progressBar，{width:this.state.progressBarWidth}}

<View style={styles.progressBarContainer}>
   <View 
   style={ this.state.pressStatus ? styles.buttonPress : styles.button }
/>
</View>