Need to increase ProgressViewIOS bar height

Question

I need to increase the Size(height) of the progress bar. Any suggestions would b helpful.

I am using ProgressViewIOS native component.

Answer 1

The use of transform property is correct. Its syntax should be something like

<ProgressViewIOS style={styles.progressBar}/>

const styles = StyleSheet.create({
  progressBar: {
    width: 100,
    transform: [{ scaleX: 1.0 }, { scaleY: 2.5 }],
  }
})

Answer 2

I was able to achieve height manipulation using the transform style property.

transform: 'scaleX(1.0) scaleY(3.0)'

changing the scaleY number will increase or decrease the height.