如何在反应原生艺术形状笔画中使用渐变色

时间:2017-12-01 08:14:12

标签: android ios svg react-native

我想制作一个渐变颜色进度条。 这是我的代码。

const linearGradient = new LinearGradient({
        '0': '#EC6474',
        '1': '#7F5CFA'
     },
      "0", "0", "300", "0"
    );
     <Surface 
      width={this.props.style.width} 
      height={this.props.style.height}>
                    <Group>
                        <Shape
                            d={this.state.backgroundPath}
                            strokeWidth={this.props.backgroundLineHeight}
                            stroke='#aaaaab'
                            strokeCap="square"
                            strokeJoin="miter"/>
                        <Shape
                            d={this.state.abovePath}
                            strokeWidth={this.props.aboveLineHeight}
                            stroke={linearGradient}
                            strokeCap="butt" strokeJoin="bevel"/>
                    </Group>
                </Surface>

但它引发了一个错误:

  

无法读取null的属性'slice'

不支持渐变吗?

我知道svg可以做到这一点。

但我仍想使用React Native。

0 个答案:

没有答案