无法将React Native动画值设置为查看组件CSS样式

Question

我正在尝试将视图组件样式设置为动画。以下是我列举的例子：https://facebook.github.io/react-native/docs/animations.html

但是，在渲染组件时，会出现以下错误：

[tid:com.facebook.React.ShadowQueue][RCTConvert.m:55]设置带有标记#7:JSON值“{u animation”=”；“_children”=（）；“_listeners”={}；“_offset”=0；“_value”=200；}”的RCTView的属性“高度”时出错类型为NSDictionary的无法转换为NSNumber

以下是我在构造函数中设置动画值的方式：

  constructor() {
    super();
    this.state = {
      titleContainerHeight: new Animated.Value(200),
    }
  }

这是我的观点：

<View style={[styles.titleContainer,{height:this.state.titleContainerHeight}]}>
  <Text style={[{color: 'white'}]}>App logo here</Text>
</View>

似乎我正在按照文档所描述的方式进行所有操作，并且在另一个组件中执行相同的操作，不会出现任何错误。那么，这里出了什么问题？

Answer 1

啊，没关系，我发现我做错了什么。我忘了专门使用“Animated.View”组件。这项工作：

<Animated.View style={[styles.titleContainer,{height:this.state.titleContainerHeight}]}>
  <Text style={[{color: 'white'}]}>App logo here</Text>
</Animated.View>