1

我正在使用带有折线图的 Victory React Native 库,但我无法将 LinearGradient 添加到路径的笔划中。

有人能帮我吗?

<Svg style={styles.container}>
  <Defs>
        <LinearGradient id="linear" x1="0%" y1="0%" x2="0%" y2="100%">
          <Stop offset="0%"   stopColor="green"/>
          <Stop offset="100%" stopColor="red"/>
        </LinearGradient>
      </Defs>
      <VictoryLine
        animate={{
          onLoad: { duration: 3000 }
        }}
        height={200}
        width={500}
        style={{
          data: {
            stroke: 'purple',
            strokeWidth: 3
          }
        }}
        interpolation="natural"
        data={sampleData}
      />
    </Svg>
4

1 回答 1

0
stroke: 'url(#linear)'

它应该工作

于 2021-06-29T05:56:00.497 回答