Question

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

这就是我所拥有的（我导入样式表）：

<View style={styles.progressBarContainer}>
   <View style ={styles.progressBar} />
</View>

progressBarContainer: {
    width: 300,
    height: 20,
    borderWidth: 2,
    borderColor: 'black'
  },
  progressBar: {
    height: 16,
    width: 100,
    backgroundColor: 'purple'
  }

Answer 1

是的，你可以。像这样的东西。

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

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

1 个答案: