React-native: borderColorの色補間によりInvalidPropエラーが発生します

作成日 2016年06月20日  ·  1コメント  ·  ソース: facebook/react-native

0と1の間で変化するAnimated.Valueを使用して、境界線の色をアニメーション化するサークルビューがあります。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)']
      })

これにより、アプリ(Android)に警告が作成されます。

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`.

上記の警告から、borderColorは正しいようです。 しかし、それでも警告が出ました。

Locked

最も参考になるコメント

<Animated.View>代わりに<View> <Animated.View>を使用して修正しました

>すべてのコメント

<Animated.View>代わりに<View> <Animated.View>を使用して修正しました

このページは役に立ちましたか?
0 / 5 - 0 評価