[反応ネイティブ] height`が `View`

Question

に供給無効プロップ` Iビュー有する：INIT状態に

<View style={{height:this.state.pan.y}}></View> 

：

... 
    constructor(props){ 
    super(props); 
    this.state = {pan:new Animated.ValueXY()}; 
    } 
    ... 

をそれがエラーをスロー：

Failed prop type: Invalid prop `height` supplied to `View`. 
Bad object: { 
    "height": 0 
} 

もし私が設定した場合：

<View style={{height:0}}></View> 

それは動作します、なぜですか？

Answer 1

AnimatedXY()値は数字ではなく、Animated.Valueオブジェクトです。あなたのケースでは、_valueプロパティで直接アクセスできますが、下線はプライベートメンバーのシンボルです。

しかし、高さと操作のために別のAnimated.Value()と一緒に行くことをおすすめします。

Answer 2

ことは、私はあなたのコードをしようとしている、と私はthis.state.pan.yはこのようなobject propTypes持っていると思う：

{ 
_children: [], 
_value: 0, 
_startingValue: 0, 
_offset: 0, 
_animation: null, 
_listeners: {} 
} 

は、あなたがそれを見るためにconsole.log(this.state.pan.y)ことができます。この1に

<View style={{height:this.state.pan.y}}></View> 

：

<View style={{height:this.state.pan.y._value}}></View> 

私はそのコードと作品をしようとしている、それが解決することを願って、あなたは、このいずれかを変更することができますyのvalueを使用して、ビューのheightを設定したい場合は あなたの問題、ありがとう:)

注：これは推奨されていませんプライベートオブジェクト（アンダースコア）

Answer 3

申し訳ありませんが、私の間違いは、私はAnimated.Viewタグではなく、表示を使用する必要があります。