React-native: बॉर्डर कलर के लिए कलर इंटरपोलेशन अमान्यप्रॉप त्रुटि का कारण बनता है

मेरे पास एक सर्कल व्यू है जिसमें मैं एनिमेटेड.वैल्यू का उपयोग करके सीमा के रंग को एनिमेट करना चाहता हूं जो 0 और 1 के बीच बदलता है । https://facebook.github.io/react-native/docs/animated से गाइड के बाद

     borderColor: this.state.active.interpolate({
        inputRange: [0, 1],
        outputRange: ['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 1)']
      })

यह ऐप (एंड्रॉइड) में एक चेतावनी बनाता है:

index.android.bundle:29278Warning: Failed propType: Invalid prop `borderColor` supplied to `View`: [object Object]
Valid color formats are
  - '#f0f' (#rgb)
  - '#f0fc' (#rgba)
  - '#ff00ff' (#rrggbb)
  - '#ff00ff00' (#rrggbbaa)
  - 'rgb(255, 255, 255)'
  - 'rgba(255, 255, 255, 1.0)'
  - 'hsl(360, 100%, 100%)'
  - 'hsla(360, 100%, 100%, 1.0)'
  - 'transparent'
  - 'red'
  - 0xff00ff00 (0xrrggbbaa)

Bad object: {
  "borderWidth": 2,
  "justifyContent": "center",
  "alignItems": "center",
  "width": 200,
  "height": 200,
  "borderRadius": 100,
  "borderColor": "rgba(0, 0, 0, 0)"
} Check the render method of `Circle`.

उपरोक्त चेतावनी से, ऐसा लगता है कि सीमा रंग सही है। हालांकि, इसने फिर भी चेतावनी दी।