我如何用這些顏色添加線性漸變& quot#FF0000、#E9FA00、#22FF01、#00E5FF、#1803FF、#FF00E9、# FF0030 & quot到下面的滑塊組件？

<Slider
      style={{ width: '50%', marginLeft: 15, marginTop: -12 }}
      minimumValue={0}
      maximumValue={100}
      value={presetMax}
      step={1}
      thumbStyle={{
      width: 10, // Customize thumb width
      height: 10, // Customize thumb height
      borderRadius: 10, // Make thumb circular
      }}
      trackStyle={{
        height: 2, // Customize track height
        borderRadius: 0, // Make track rounded
      }}
      onValueChange={handleMaxPresetChange}
      thumbTintColor="#0F8D48" // Customize thumb color
      minimumTrackTintColor="#0F8D48"
 />

我想讓顏色走上正軌。此外，有沒有可能得到兩個拇指一分鐘。還有麥克斯。價值？我正在使用& quotreact-native-element & quot；對于滑塊部分。

編輯: 我已經(jīng)像這樣實現(xiàn)了所需的梯度:

<View>
    <LinearGradient
     start={{ x: 0, y: 0 }}
     end={{ x: 1, y: 0 }}
     colors={['#FF0000', '#E9FA00', '#22FF01', '#00E5FF', '#1803FF', '#FF00E9', '#FF0030']}
     style={styles.linearGradient}>
     <Slider
      minimumTrackTintColor={'transparent'}
      maximumTrackTintColor={'transparent'}
      thumbStyle={styles.brightThumb}
     />
    </LinearGradient>
 </View>

我想知道我是否可以添加另一個滑塊來表示最小值和最大值?；蛘呶冶仨毷褂闷渌膱D書館嗎？