需要增加ProgressViewIOS栏高度

时间:2017-05-25 10:42:40

标签: react-native

我需要增加进度条的大小(高度)。任何建议都会有所帮助。

我正在使用ProgressViewIOS本机组件。

4 个答案:

答案 0 :(得分:6)

使用transform属性是正确的。 它的语法应该类似于

<ProgressViewIOS style={styles.progressBar}/>

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

答案 1 :(得分:1)

对于swift 3

progressView.transform = CGAffineTransform(scaleX:1.0,y:5.0)

答案 2 :(得分:1)

我能够使用transform style属性实现高度操作。

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

更改scaleY数字会增加或减少高度。

答案 3 :(得分:0)

这就是我解决问题的方法。 您需要设置变换和高度的样式。

style={{transform: [{ scaleX: 1.0 }, { scaleY: 4}], height:12}}

快乐的编码!

{( Platform.OS === 'android' )
    ?
    ( <ProgressBarAndroid progressTintColor="#4a90e2" progress = { this.state.progress } styleAttr = "Horizontal" indeterminate = { false } /> )
    :
    ( <ProgressViewIOS style={{transform: [{ scaleX: 1.0 }, { scaleY: 4}], height:12}} progressTintColor="#4a90e2" progress = { this.state.progress } /> )
 }